JS면접 준비 / 채워 가기

자바스크립트 실행컨텍스트 / this가 결정되는 것,  closure, event loop, bubbling, capturing, delegation ,

 

prototype(chain) ,function.bind, 상속 구현방법 , 커링, 고차함수

propmise 객체, async await 예외처리 -- 비동기 

자바스크립트 원시값, 가비지컬렉션 알고리즘

구글을 치고 엔터를 누르면 일어나는 일 (what happens when type google) 

-> 구글 서버에서 index.html 파일을 GET요청으로 가져옴 이를 위해선 IP주소가 필요한데 
도메인 네임을 통해 IP 주소를 찾음 해당 IP를 통해서 index.html을 브라우저에 
렌더링함

html css javascript가 브라우저에서 어떻게 렌더링 되는지 (repainting, reflow)

프로젝트 기술 사용한 이유 

TypeScript

프로젝트 내의 데이터 흐름을 체계적으로 만들기 위해 타입스크립트 도입 자바스크립트는 다이나믹 타입이기 때문에 런타임시 오류가 남 —> 배포 후 오류가 생길 수 있음 타입스크립트는 스태틱 타입이기 때문에 개발 과정 중에 오류를 확인 할 수 있음

Styled-components

css & 자바스크립트 적 연산을 동시에 사용하기 위해 styled-components 사용

React-Query

기존에 서버와 클라이언트 데이터 연동 작업을 Redux thunk로 사용했다. 하지만 Redux, Redux toolkit, Redux thunk가 제공해주는 기초 세팅 작업이 굉장히 불편하였다. 더불어 서버와의 통신 status관리를 개발자가 직접 관리해야 되는 점, 데이터 저장 caching을 직접 짜야 하는 점, 하나의 store에 클라이언트 데이터와 서버 데이터가 공존 하게 되는 점 등과 같이 불편한 점이 많았는데, 이를 개선하기 위해 서버 통신 간 status 관리, 통신 이후 데이터 상태 관리를 간편한 인터페이스로 제공, 서버 & 클라이언트 데이터를 분리, get한 데이터에 대해 update를 하면 자동으로 get수행 하는 등 보다 유연한 작업을 위해 React Query를 도입하게 되었다

Axios

JS 내장 기능이 아니기 때문에 import를 해줘야 하는 번거로움과 무거움이 다소 있지만 다음과 같은 편리한 기능 때문에 도입했다. JSON 데이터 자동 변환 / axios interceptor & 간결한 instance 기능
Socket, StompJs

채팅 기능을 구현하기 위해서는 단방향적인 http통신을 쓰는 것보다 양방향적으로 통신을 가능하게하는 라이브러리가 필요로 했다. 여러가지 양방향 통신 라이브러리중, Spring 서버의 성격과 가장 잘 맞은 SockJs, Stomp라이브러리를 사용하였다

FP 배열의 고차함수 / reduce를 구현해봐라 / 합성은 어떠한 장점이 있나 / immutable의 단점

OOP / 객체를 나누는 단위 / 애플리케이션 의존성 

자바스크립트 함수란 

스코프와 클로져의 차이