본문 바로가기

Co-Study95

[JS 스터디 1기] - 열 번째 미팅 2022.01.23.일 온라인으로 JS 스터디 열 번째 미팅을 했습니다. 브라우저 렌더링과 HTTP에 대해서 살펴봤습니다. 브라우저가 서버에게 요청한 HTML 문서를 받아와서 그 HTML 문서를 어떻게 parsing 하고 렌더링 엔진의 DOM과 CSSOM 트리가 만들어지는지 알아보고 JS 엔진의 파싱 과정도 정리했습니다. 기술 면접에서 가끔 나오는 리플로우와 리페인트의 개념을 간단히 보면서 HTTP/1.1 과 2.0의 차이도 정리했습니다. HTTP/1.1은 단방향이면서 동시에 여러 요청과 응답을 받지 못하는 반면에 HTTP/2.0은 병렬적으로 여러 리소스를 동시에 요청하고 응답받을 수 있습니다. HTTP 관련된 부분은 네트워크 분야라 책에 내용이 많이 있지 않아서 개별적으로 추가 학습이 필요합니다. 다음.. 2022. 1. 23.
[JS 스터디 1기] - 아홉 번째 미팅 2022.01.22.토 온라인으로 JS 스터디 아홉 번째 미팅을 했습니다. 오늘은 딥 다이브 교재 위주로 스터디를 진행했습니다. Number, Math, Date 표준 빌트인 객체에 대해서 간단히 알아보고 이어서 정규 표현식, String, Symbol에 대해서 정리했습니다. Symbol.iterator 개념을 이용하여 이터러블, 스프레드, 디스트럭처링 할당을 빠르게 훑고 마지막으로 Set과 Map이라는 자료구조에 대해 학습했습니다. 사실 이전까지 학습했던 실행 컨텍스트나 클로저에 비하면 상대적으로 어렵지 않은 단원입니다. 프로토타입이나 클래스 개념에 비해 상대적으로 분량도 적어서 빠르게 정리했습니다. 다음주에 스터디가 종료되므로 가능하면 다음주까지 최대한 전 범위 끝까지 다루려고 합니다. 마지막까지 최.. 2022. 1. 22.
[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.
반응형