면접 준비 스터디

자료

• https://github.com/suwan98/front-end-interview

방식

• 매일 4개의 질문을 준비.
• 스터디 당일에 사다리로 한 사람 당 하나의 질문 정하고 발표.

멤버

@wonjung-jang	@Geunbaek	@effozen	@SU-VIN

스터디 로그

0일차

1. 브라우저 렌더링 원리에 대해서 설명해주세요.
2. 클로저는 정확히 무엇이며, 왜 및 어떻게 사용되나요?
3. React의 특징에 대해서 설명해주세요.
4. doctype은 어떤 기능을 하나요?

1일차

1. AJAX란 무엇인가요?
2. 이벤트 위임이란 무엇이며, JavaScript에서 어떻게 작동하는지 설명해주시겠어요?
3. React는 라이브러리인가 프레임워크인가?
4. 'data-' 속성은 어떤 용도로 좋은가요?

2일차

1. API란?
2. 프로토타입 상속
3. React에서 가상돔의 정의와 동작방식
4. 시맨틱 태그의 정의와 예시

3일차

1. API란?
2. 프로토타입 상속
3. React에서 가상돔의 정의와 동작방식
4. 시맨틱 태그의 정의와 예시

4일차

1. REST API
2. 호이스팅
3. React에서 컴포넌트란?
4. <script>, <script async>, <script defer>의 차이점

5일차

1. Restful API
2. 이벤트 버블링
3. 클래스형 컴포넌트 VS 함수형 컴포넌트
4. HTML에서 빈 요소(empty elements)

6일차

1. 주소창에 google.com을 입력하면 일어나는 일
2. 이벤트 캡처링
3. 컴포넌트 라이프 사이클
4. 프로그레시브 렌더링(Progressive Rendering)

7일차

1. OAuth
2. JavaScript에서 동일 출처 정책
3. 상태관리와 상태관리가 필요한 이유이클
4. HTML5를 오픈 웹 플랫폼으로 볼 때, HTML5의 구성 요소는 무엇인가요?

8일차

1. 쿠키, sessionStorage, localStorage의 차이점은 무엇인가요?
2. 동기 및 비동기 함수의 차이는 무엇인가요?
3. React Hook에 대해 설명해주세요.
4. 다국어가 포함된 페이지는 어떤 방식으로 제공하나요?

9일차

1. CSR과SSR의 차이점에 대해서 설명해주세요.
2. 이벤트 루프에 대해 설명해주실 수 있을까요?
3. props와 state에 대해 설명해주세요.
4. 이미지 태그에서 'srcset' 속성을 사용하는 이유는 무엇인가요? 이 속성의 내용을 평가하는 브라우저의 프로세스를 설명해주세요.

10일차

1. CORS에 대해서 설명해주세요.
2. 콜스택과 큐에 대한 설명 및 차이점을 설명해주세요.
3. React에서 State의 불변성을 유지해야하는 이유를 설명해주세요.
4. 캔버스(canvas)와 SVG의 차이점

내림차순

날짜	회차	스터디 영상
2025-02-03 월요일	0회차	https://youtu.be/fhnH8HZn5iQ?feature=shared