본문 바로가기

전체보기192

[Js] split(), split(''), split(' ')의 명확한 차이 알고리즘 문제를 풀다보면 split() 메서드를 자주 사용한다. () 안에 뭘 쓰냐에 따라 결과가 달라지기 때문에 헷갈리지 않게 명확히 정리하고 넘어가자! String.prototype.split() 메서드는 패턴을 받아 패턴을 검색하여 문자열을 정렬된 하위 문자열 목록으로 나누고 이러한 하위 문자열을 배열에 넣고 배열을 반환한다. const str = 'JavaScript is the world\'s most popular programming language.'; const words = str.split(' '); console.log(words[3]); // output: "world's" const chars = str.split(''); console.log(chars[9]); // outpu.. 2023. 1. 4.
[프로그래머스] 369 문제 - JavaScript 풀이 ✏️ 문제 설명 머쓱이는 친구들과 369게임을 하고 있습니다. 369게임은 1부터 숫자를 하나씩 대며 3, 6, 9가 들어가는 숫자는 숫자 대신 3, 6, 9의 개수만큼 박수를 치는 게임입니다. 머쓱이가 말해야하는 숫자 order가 매개변수로 주어질 때, 머쓱이가 쳐야할 박수 횟수를 return 하도록 solution 함수를 완성해보세요. 제한사항 1 ≤ order ≤ 1,000,000 입출력 예 order result 3 1 29423 2 입출력 예 설명 입출력 예 #1 3은 3이 1개 있으므로 1을 출력합니다. 입출력 예 #2 29423은 3이 1개, 9가 1개 있으므로 2를 출력합니다. ✏️ 문제풀이 - 내 풀이 function solution(order) { let clap = 0; const g.. 2023. 1. 4.
내돈내산 패스트캠퍼스 이용 후기.. (feat: 사용자 경험) 하고 싶은 말은 참 많은데 패스트캠퍼스는 수강 후기를 남기는 곳도 없다.. 부정적인 얘기는 쓰고 싶지 않았지만 불만이 있고, 나 같은 개발 공부하는 분들, 여러 가지 공부하시는 분들에게 도움이 되었으면 한다. 나는 현재 개발 공부를 몇 달간 해오고 있고 현재 온라인의 다양한 플랫폼들로 여러 강의를 수강해 왔다. 부스트코스, 유데미, 노마드 코더, 프로그래머스, 유튜브, 패스트캠퍼스 등 그중 패스트캠퍼스는 강의가 안 좋다는 게 아니라 참 수강하기가 너무 불편하다. 내가 직접 느낀 그 이유를 적어보겠다. 1. 실제 모든 수강생들의 후기를 볼 수 없고 미리보기도 없어(유튜브에 조금 있음) 강의를 직접 결제하기 전까지 홈페이지에서 직접 강의를 경험해볼 수 없다. 일단 관심 가는 강의가 생겨 결제하기 전 후기를 .. 2022. 12. 20.
정규표현식(regular expression)이란? + 쉽게 공부하는 사이트 정규표현식(regular expression)이란? 정규 표현식 또는 정규식은 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어이다. 정규 표현식은 많은 텍스트 편집기와 프로그래밍 언어에서 문자열의 검색과 치환을 위해 지원하고 있다. 웹 프로그래밍을 공부하다 잠깐 정규표현식을 사용하는 걸 보고 '오 편리하네 근데 좀 복잡하다~ 어렵다~'라고 생각했는데 막상 공부해보니 이해하고 간단 규칙만 알면 쉽게 사용할 수 있었다. 정규표현식이 있는 것에 감사해야겠다. 공부 추천 사이트 드림코딩 유튜브 드림엘리님 유튜브를 보고 간단하게 규칙을 파악할 수 있었다. 문법 정리 레포 추가 공부 사이트 영상 속 예시 (https://regexr.com/5mhou) - 이나 . 또는 띄어쓰기로 구분된 전화번호.. 2022. 12. 19.
[자바스크립트 완벽 가이드] 비동기 프로그래밍이란? 비동기적이란? 데이터가 들어오거나 어떤 이벤트가 일어날 때까지 계산을 멈추고 대기하는 일이 잦다는 뜻 웹 브라우저의 자바스크립트는 이벤트 주도적이다. 그 의미는 프로그램이 실제로 무언가를 실행하기 전에 사용자가 뭔가 클릭하거나 탭하기를(이벤트) 기다린다는 뜻. 자바스크립트를 사용하는 서버는 일반적으로 Network를 통해 클라이언트 요청이 들어온 후에야 작업을 시작한다. 콜백과 비동기 프로그래밍 비동기 프로그래밍은 콜백을 통해 이루워진다. 콜백이란 다른 함수에 전달하는 함수이다. 콜백을 전달받은 함수는 1) 어떤 조건을 만족하거나 2) 어떤 (비동기) 이벤트가 일어나면 제공한 함수를 호출(콜백)한다. 콜백 기반 비동기 프로그래밍의 예시: 타이머, 이벤트, 네트워크 이벤트, 노드의 콜백과 이벤트 등 예시 .. 2022. 12. 13.
[React] Fail to compile. Module parse failed: Unexpected token Error 해결 ‘react-beautiful-dnd’를 활용해 drag and drop을 구현해 보던 중 코드에는 이상이 없는데 계속 Fail to compile. “Module parse failed: Unexpected token” Error가 발생. 처음에 ‘package-lock.json’ file을 삭제하고 다시 npm i 해봤지만 x 구글링 해보니 create-react-app utility로 설치된 react-scripts 버전이 예전 꺼라 ‘optional chainining’을 지원하지 않는다고 한다! (3. 3. 0 버전 이후 지원) 일단 react 버전을 다 업데이트 해주기로 하고 터미널에 아래 입력 npm install react@latest react-dom@latest npm install r.. 2022. 11. 17.

티스토리툴바