Frontend-CS-Study

🚀 팀 페이지 바로가기

목차

CS

1. blocking, non-blocking, sync, async에 대해 설명해주세요.

2. 스택과 큐 자료구조에 대해 설명해주세요.

3. Map 자료구조와 Set의 자료구조에 대해 설명해주세요

4. url로 접속했을 때 어떤 플로우로 화면에 웹사이트가 그려지는지 네트워크 관점에서 설명해주세요.

5. OSI 7계층과 TCP/IP 4계층을 비교하여 설명해주세요.

6. MVC, MVVM 패턴이 무엇인가요?

7. 라이브러리와 프레임워크를 간단하게 정의해보세요

8. 3-way handshake/4-way handshake는 무엇이고 각 과정은 어떻게 되나요?

9. 명령형 vs 선언형 프로그래밍에 대해서 설명해주세요.

10. 크로스 브라우징이란 무엇인가요?

11. Webpack, Rollup과 같은 모듈 번들러가 하는 일은 무엇이고 왜 사용하는지 설명해주세요.

12. OAuth 2.0의 흐름에 대해 간단히 설명해주세요.

WEB

1. PWA란 무엇인가요?

2. HTTP와 HTTPS의 차이점은 무엇인가요?

3. HTTP status code에 대해 설명해주세요.

4. XSS에 대해 설명하고, 이를 막기 위한 방법에 대해 설명해주세요

5. 세션 하이잭에 대한 대응방안

6. 웹페이지 렌더링 순서

7. CSR과 SSR에 대한 설명

8. 브라우저의 동작 방법에 대해 설명해주세요

9. RESTful API에 대해 설명해주세요.

10. 모바일 웹앱에 대해 설명해주세요.

JavaScript

1. JavaScript 최적화 방법에 대해서 설명해주세요.

2. 이벤트 루프는 무엇인가요?

3. 불변성에 대해 설명하고 왜 불변성을 지켜야 하는가요?

4. 얕은복사와 깊은복사의 차이를 설명해주세요.

5. async, await은 무엇이고 Promise와의 차이점은 무엇인가요?

6. 순수함수란 무엇인가요?

7. 호이스팅에 대해서 설명해주세요.

8. let, var, const는 무엇인가요?

9. this 는 몇가지로 추론될수 있는가요? this에 대해 설명해주세요.

10. npm package 관리 방법에 대해 설명해 주세요.

11. 클로저에 대해서 설명해 주세요.

12. ESModule과 CommonJS의 작동방식 차이, 빌드 결과물 차이에 대해 설명해주세요.

13. 화살표 함수와 일반 함수의 차이는 무엇인가요?

14. Iterator에 대해 설명해주세요.

15. Generator에 대해 설명해주세요.

16. prototype은 무엇인가요?

17. JavaScript는 어떤 언어인가요?

18. 스코프와 스코프체인이 무엇인가요?

React

1. 고차 컴포넌트(HOC)는 무엇인가요?

2. Virtual DOM이 무엇인가요?

3. Reconciliation에 대해 설명해 주세요.

4. 제어 컴포넌트와 비제어 컴포넌트 설명해주세요.

5. 리액트에 있는 라이프사이클과 각 라이프사이클의 역할을 설명해주세요.

6. 클래스 컴포넌트와 함수 컴포넌트의 차이는 무엇인가요?

7. useEffect와 useLayoutEffect의 차이는 무엇인가요?

8. React에 대해 설명해 주세요.

9. JSX가 무엇인가요?

10. React Hooks는 무엇인가요? 장점은 뭐가 있나요? 어떤 Hooks가 있는지 설명해주세요.

11. React state와 props에 대해 설명해 주세요.

HTML/CSS

1. css selector 우선순위를 말해주세요.

2. flex와 grid의 차이점은 무엇인가요?

3. 웹 접근성과 시맨틱 마크업이란?

👨‍👩‍👧‍👦 Contributors

박상우	장소진	이아영
SangWoo9734	sojinjang	ARONGLEE

이지현	김성현	이한나
j2h30728	kimisadev27	Han-Na-05-22

전민지	조하닮	김현정
mjjeon2645	ohcmadah	sena-22