Co-Study/JS 스터디 2021 ✔️17 [JS 스터디 1기] - 여덟 번째 미팅 2022.01.16.일 오프라인으로 JS 스터디 여덟 번째 미팅을 했습니다. 오늘은 지난번 compose 함수 ES6 버전을 ES5 버전으로 변환하는 것을 VS Code로 공유해서 함께 생각해보면서 구현을 해보았습니다. 그리고 이번 주차 JS 알고리즘 약 10문제에 대한 기본 문제 풀이를 공유하고 다시 한번 딥 다이브 진도 분량에 대한 리뷰 및 정리하는 시간을 가졌습니다. 어제 딥 다이브 진도를 온라인 스터디로 다 끝내서 오늘은 시간적으로 여유로운 스터디였습니다. 앞으로 JS 스터디는 이번 달까지만 진행될 예정입니다. 원래 2월 말까지 진행될 예정이었지만 사실 제가 취업을 해서 2월부터 스타트업을 다니면서 일을 하게 되었습니다. 따라서 제 사정을 스터디원분들한테 말씀 드렸고, 이번 달까지 최대한 할 수 .. 2022. 1. 16. [JS 스터디 1기] - 일곱 번째 미팅 2022.01.15.토 온라인으로 JS 스터디 일곱 번째 미팅을 했습니다. 한 분은 연락이 뒤늦게 되서 저 포함 2명으로 진행했습니다. 오늘의 진도는 지난번에 비해서는 어려운 부분이 아니었습니다. ES5 생성자 함수에 대한 불편함을 해소하기 위해 ES6 클래스의 개념을 살펴봤습니다. 클래스도 마치 let, const와 같이 호이스팅이 일어나지 않는 것 처럼 보이고, 사실 클래스 자체가 (생성자)함수 입니다. 물론 조금 더 엄격하고 기능이 추가적으로 더 있습니다. 이후에는 ES6 함수의 추가 기능으로 화살표 함수, ES6 메서드 축약 표현, Rest 파라미터, 그리고 소중한 spread 문법에 대해서 알아보았습니다. 마지막은 간단히 JS에서의 배열은 내부적으로 해시 테이블로 구현되어 있는 sparse ar.. 2022. 1. 15. [JS 스터디 1기] - 여섯 번째 미팅 2022.01.09.일 오늘 JS 스터디 여섯 번째 미팅을 했습니다. 이번 주차 마지막 개념인 클로저에 대해 다뤘습니다. '클로저'는 보통 MDN 문서에 '함수와 그 함수가 선언된 렉시컬 환경과의 조합이다' 라고 나와 있습니다. 사실 말은 어렵지만 실행 컨텍스트를 그릴 수 있으면 쉽게 이해가 됩니다. 코드 실행 흐름을 관리하는 실행 컨텍스트 스택에서 그 실행 컨텍스트에 대한 코드 실행이 종료되면 콜 스택(실행 컨텍스트 스택)에서 Pop이 이뤄지는데 그 실행 컨텍스트만 Pop 되지 렉시컬 환경까지 모두 바로 사라지지 않습니다. 다른 곳에서 그 렉시컬 환경에 있는 식별자를 참조하게 된다면 그것은 생명 주기가 계속 유지되는데 사실 이 부분만 알고 있어도 클로저는 쉽게 이해할 수 있습니다. 결국 핵심은 실행 컨.. 2022. 1. 9. [JS 스터디 1기] - 다섯 번째 미팅 2022.01.08.토 JS 스터디 1기 다섯 번째 미팅을 가졌습니다. 오늘 자바스크립트에서 아주 중요한 개념을 공유했습니다. 첫 번째로 함수 호출 방식에 따라 동적으로 달라지는 this 바인딩에 대한 내용을 진행했습니다. this 바인딩은 this 라는 키워드가 마치 식별자처럼 사용되서 this가 가리키는 값을 의미하는데, Java나 다른 프로그래밍 언어와는 다르게 자바스크립트에서는 다양한 방식이 있습니다. 우선 간단히 말씀드리면, 일반 함수로서 호출되면 일반 함수 내에서의 this는 전역 객체를 가리키게 되고, new 연산자를 붙여서 생성자 함수로 호출하면 생성자 함수 내부의 this는 생성자 함수가 미래에 생성할 인스턴스를 가리키게 됩니다. 메서드는 당연히 메서드를 호출한 객체를 가리키게 됩니다. .. 2022. 1. 8. 이전 1 2 3 4 5 다음 반응형