javascript

TIL #1 - 자바스크립트 이터러블/이터레이터 프로토콜

TIL #1 - 자바스크립트 이터러블/이터레이터 프로토콜 목표❗ 📌 이터러블/이터레이터 프로토콜에 대해 설명할 수 있다. 📌 for...of 문의 순회 과정을 설명할 수 있다. ES6 이전에는 위와 같이 인덱스로 접근하여 배열을 순회하였었다. 하지만 ES6부터는 이렇게 for...of 문을 통하여서 순회가 가능해졌다. 이게 어떻게 가능해지게 된 것일까? 이것을 알기위해선 이터러블/이터레이터 프로토콜에 대한 이해가 필요하다. 이터러블이란❓ 이터러블 프로토콜을 준수한 객체 Symbol.iterator 가 구현된 객체 for...of 을 사용할 수 있는 객체 스프레드 문법과 배열 디스트럭처링 할당의 대상으로 사용 가능한 객체 위와 같이 설명할 수 있다. 즉, Symbol.iterator 가 구현되어 있다면 순..

자바스크립트 - 실행컨텍스트란?

자바스크립트의 중요한 개념 중 하나인 실행컨텍스트. 실행 컨텍스트란? 실행 코드에 제공할 환경 정보들을 모아놓은 객체. 각 실행 컨텍스트들은 자바스크립트 엔진의 스택에 쌓게 되며 이런 실행 컨텍스트들이 쌓이고 삭제되는 매커니즘에 대해 알고 있으면 자바스크립트 코드 실행 순서를 파악할 수 있게 됩니다. 실행컨텍스트는 언제 생성? 1) 전역 실행 컨텍스트 2) 함수 실행 컨텍스트 3) eval() (사용을 지향) 참고로 전역 실행 컨텍스트는 단 하나만 존재할 수 있고, 함수 실행 컨텍스트는 여러개 존재할 수 있습니다. 실행컨텍스트의 과정 LIFO (1) 실행컨텍스트 = [ 전역 컨텍스트 ] (2) 실행컨텍스트 = [ 전역 컨텍스트, outer 함수 컨텍스트 ] (3) 실행컨텍스트 = [ 전역 컨텍스트, ou..

프로그래머스 / Level 1 , 연습문제 , 명예의 전당 (1) 자바스크립트 , JS

프로그래머스 / Level 1 , 연습문제 , 명예의 전당 (1) 자바스크립트 , JS ✔️Check Point ! ( 해당사항 ✓체크 ) 1. 막힘 없이 수월하게 풀린 문제인가? 2. 1시간이내로 풀렸던 문제인가? 3. 1시간 이상 or 며칠을 두고 풀어봤더니 풀린 문제인가? 4. 시간을 써도 도무지 풀 수 없는 문제인가? 5. 솔루션을 찾아봤는가? ------------------------------------------------------------------------------------------- 난이도 체감 🧑‍💻 1. 최상 2. 상 3. 중 4. 하 이해도 🙆‍♂️ 1. 완벽히 이해 2. 다소 헷갈리는 부분들이 있음 3. 이해 못함 문제 출처 🏠 https://school.progra..

모던 자바스크립트 Deep Dive

모던 자바스크립트 Deep Dive 프론트엔드 개발자를 준비하고 있다면 누구나 알고 있고 반드시 읽어야 한다 생각하느 '그 책' 책이 굉장히 두꺼워서 (860페이지 이상) 사전 처럼 사용하곤 했는데, 스터디를 통해서 두달동안 집중적으로 읽어 저번달에 완독을 끝낸 책이다. 스터디 진행을 통해 읽다보니 강제성도 생겼고, 또 제대로 공부도 해야한다는 생각에 한 주도 밀리지 않고 쭉 읽기에 성공했다. 당연히 1회독으로는 전부를 안다고 말할 수 없다. 이제 전체적인 맥락을 확인했으니, 지금 개인적으로 하고 있는 2회독에서는 1회독때 헷갈렸던 부분들 위주로 좀 더 자세히 읽어보면서 진행하고 있다. 확실히 1회독을 하기전이랑 후랑 차이가 나는게 어렴풋이 알던 개념들이 좀 정리되는 기분이 든다. 개인적으로 자바스크립트..

프로그래머스 / Level 2 , 2018 KAKAO BLIND RECRUITMENT , [3차] 압축 자바스크립트 , JS

프로그래머스 / Level 2 , 2018 KAKAO BLIND RECRUITMENT , [3차] 압축 자바스크립트 , JS Check Point ! ( 해당사항 ✓체크 ) 1. 막힘 없이 수월하게 풀린 문제인가? 2. 1시간이내로 풀렸던 문제인가? 3. 1시간 이상 or 며칠을 두고 풀어봤더니 풀린 문제인가? 4. 시간을 써도 도무지 풀 수 없는 문제인가? 5. 솔루션을 찾아봤는가? ------------------------------------------------------------------------------------------- 난이도 체감 1. 최상 2. 상 3. 중 4. 하 1. 완벽히 이해 2. 다소 헷갈리는 부분들이 있음 3. 이해 못함 어제 자기전 새벽에 푼 문제인데 생각한 로..

프로그래머스 / Level 2 , 깊이/너비 우선 탐색(DFS/BFS) , 타겟 넘버 자바스크립트 , JS

프로그래머스 / Level 2 , 깊이/너비 우선 탐색(DFS/BFS) , 타겟 넘버 자바스크립트 , JS Check Point ! ( 해당사항 ✓체크 ) 1. 막힘 없이 수월하게 풀린 문제인가? 2. 1시간이내로 풀렸던 문제인가? 3. 1시간 이상 or 며칠을 두고 풀어봤더니 풀린 문제인가? 4. 시간을 써도 도무지 풀 수 없는 문제인가? 5. 솔루션을 찾아봤는가? ------------------------------------------------------------------------------------------- 난이도 체감 1. 최상 2. 상 3. 중 4. 하 1. 완벽히 이해 2. 다소 헷갈리는 부분들이 있음 3. 이해 못함 2^배열의 크기만큼의 연산이 수행되어서 이 풀이로 접근하면 ..

프로그래머스 / Level 2 , 2019 KAKAO BLIND RECRUITMENT , 오픈채팅방 자바스크립트 , JS

프로그래머스 / Level 2 , 2019 KAKAO BLIND RECRUITMENT , 오픈채팅방 자바스크립트 , JS Check Point ! ( 해당사항 ✓체크 ) 1. 막힘 없이 수월하게 풀린 문제인가? 2. 1시간이내로 풀렸던 문제인가? 3. 1시간 이상 or 며칠을 두고 풀어봤더니 풀린 문제인가? 4. 시간을 써도 도무지 풀 수 없는 문제인가? 5. 솔루션을 찾아봤는가? ------------------------------------------------------------------------------------------- 난이도 체감 1. 최상 2. 상 3. 중 4. 하 1. 완벽히 이해 2. 다소 헷갈리는 부분들이 있음 3. 이해 못함 스터디 팀원 분이랑 같이 시간 재고 푼 문제이..

프로그래머스 / Level 2 , 스택/큐 , 프린터 자바스크립트 , JS

프로그래머스 / Level 2 , 스택/큐 , 프린터 자바스크립트 , JS 풀이 시간 Check Point ! ( 해당사항 ✓체크 ) 1. 막힘 없이 수월하게 풀린 문제인가? 2. 1시간이내로 풀렸던 문제인가? 3. 1시간 이상 or 며칠을 두고 풀어봤더니 풀린 문제인가? 4. 시간을 써도 도무지 풀 수 없는 문제인가? 5. 솔루션을 찾아봤는가? ------------------------------------------------------------------------------------------- 난이도 체감 1. 최상 2. 상 3. 중 4. 하 1. 완벽히 이해 2. 다소 헷갈리는 부분들이 있음 3. 이해 못함 우선순위랑 인덱스가 담긴 2차원 배열을 만들어주고 문제 조건대로 정렬해 나간뒤에 ..