[frontend] 면접 예상 질문지

Optimistic Update

= 낙관적 업데이트

서버 응답이 오기전에 UI를 업데이트하는 방식으로, 마지막에 서버와 클라이언트 간의 데이터가 같은지 확인해야 합니다

 

인증/인가 관점에서 세션 방식과 JWT 방식의 차이점은?

세션 방식

1. 로그인  →  server : 세션에 user 저장  → client 브라우저 : sessionId를 cookie에 저장

2. client가 sessionId를 함께 전송하고 server는 sessionId로 유저를 확인해 인증 허가

 

JWT(Json Web Token) 방식

1. 로그인  →  server: Token(유저데이터, 만료시간 등) 생성 → client : cookie/localStorage 에 저장

2. client token을 포함하여 서버로 전송, server: 만료되지 않은 토큰이라면 인증 진행

 

쿠키 vs 세션

쿠키 : 브라우저에 저장하는 텍스트 파

세션 : 서버에 저

 

렌더링 과정

1. html parsing

2. css parsing

3. dom cssom 결합

4. layout 계산

5. paiting

 

url 입력하면?

1. 브라우저는 url을 프로토콜, domain 등으로 분석

2. dns 서버에 도메인을 넘겨 ip 주소를 받아옴

3. 브라우저는 ip 주소(web server)로 요청 보냄

4. 응답 받은 코드를 화면에 렌더링

 

transfiler 의 역할 (babel)

- 브라우저 버전과 관련없이 어디서든 동작할 수 있도록 보편적인 javascript 버전으로 변환(다운그레이드)해주는 역할으로 알고 있습니다.

 

bundler (webpack)의 역할

- 모듈로서 동작할 수 있도록 묶어주는 역할

 

이벤트 버블링, 캡쳐링

- 

 

-------------------------------------------

 

1) 맡은 피쳐

2) React components

 

 

4가지 정도로 

- 하이드레이션 언제 쓰는가?

- 하이드레이션 태그로 감싸서 해겨

- 직접 구현하면 예제를 들어가면서 설명하는 걸 해보자

- 왜 전형하였는가?

-- 리더가 팔로워가 되기 위해 전향했다.