> For the complete documentation index, see [llms.txt](https://fe-cityr0ck.gitbook.io/fe-tech-interview/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://fe-cityr0ck.gitbook.io/fe-tech-interview/readme.md). # FE-Tech-Interview ## 스터디 소개 'FE-Tech-Interview'는 **프론트엔드 개발 분야의 기술, CS 지식, 프로젝트 경험, 최신 개발 트렌드 등**의 주제로 약 1시간 동안 발표를 통해 서로 **지식을 공유**하는 스터디입니다.
### 스터디 진행 순서 다음과 같은 순서를 한 사람씩 반복합니다. '약 10분 발표' ➜ '5분 QnA' ➜ '스터디 종료 후 발표 내용을 정리한 마크다운 파일을 깃헙 저장소에 커밋'
## 스터디 멤버 | [노이진](https://github.com/leejin-rho) | [이효린](https://github.com/hyorish03) | [이지수](https://github.com/jissssu) | [심여은](https://github.com/ongheong) | | :------------------------------------: | :-----------------------------------: | :---------------------------------: | :----------------------------------: | | ![](https://github.com/leejin-rho.png) | ![](https://github.com/hyorish03.png) | ![](https://github.com/jissssu.png) | ![](https://github.com/ongheong.png) |
## 스터디 진행 일정표 ### 2025년 1월 | 주차 | 날짜 (요일) | 발표자/작성자 | 발표 제목 | | :-: | :--------: | :-----: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | | 1주차 | 01.17. (금) | 심여은 | [\[Network\] REST API에 대해 설명해주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/HTTP/REST%20API%EC%97%90%20%EB%8C%80%ED%95%B4%20%EC%84%A4%EB%AA%85%ED%95%B4%EC%A3%BC%EC%84%B8%EC%9A%94..md) | | 1주차 | 01.17. (금) | 이지수 | \[HTTP] HTTP 메소드에 대해 설명해주세요. | | 1주차 | 01.17. (금) | 이효린 | [\[Web\] CSRF나 XSS 공격을 막는 방법을 설명해주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/HTTP/CSRF%EB%82%98%20XSS%20%EA%B3%B5%EA%B2%A9%EC%9D%84%20%EB%A7%89%EB%8A%94%20%EB%B0%A9%EB%B2%95%EC%9D%84%20%EC%84%A4%EB%AA%85%ED%95%B4%EC%A3%BC%EC%84%B8%EC%9A%94..md) | | 1주차 | 01.17. (금) | 노이진 | [\[JavaScript\] async/await에 대해 설명해주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/JavaScript/async%2C%20await%EC%97%90%20%EB%8C%80%ED%95%B4%20%EC%84%A4%EB%AA%85%ED%95%B4%EC%A3%BC%EC%84%B8%EC%9A%94..md) | | 2주차 | 01.21. (화) | 심여은 | [\[Network\] 브라우저 렌더링 원리에 대해 설명해주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/Web/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%9D%98%20%EB%A0%8C%EB%8D%94%EB%A7%81%20%EC%9B%90%EB%A6%AC%EC%97%90%20%EB%8C%80%ED%95%B4%20%EC%84%A4%EB%AA%85%ED%95%B4%EB%B3%B4%EC%84%B8%EC%9A%94.md) | | 2주차 | 01.21. (화) | 이지수 | [\[JavaScript\] 호이스팅에 대해 설명해주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/JavaScript/%ED%98%B8%EC%9D%B4%EC%8A%A4%ED%8C%85%EC%97%90%20%EB%8C%80%ED%95%B4%20%EC%84%A4%EB%AA%85%ED%95%B4%EC%A3%BC%EC%84%B8%EC%9A%94.md) | | 2주차 | 01.24. (금) | 이효린 | [\[JavaScript\] 클래스형 컴포넌트와 함수형 컴포넌트의 차이는 무엇일까요?](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/JavaScript/%ED%81%B4%EB%9E%98%EC%8A%A4%ED%98%95%20%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EC%99%80%20%ED%95%A8%EC%88%98%ED%98%95%20%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EC%9D%98%20%EC%B0%A8%EC%9D%B4%EB%8A%94%20%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C%EC%9A%94%3F.md) | | 2주차 | 01.24. (금) | 노이진 | [\[JavaScript\] 클로저란 무엇인가요?](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/JavaScript/%ED%81%B4%EB%A1%9C%EC%A0%80%EB%9E%80%20%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80%EC%9A%94%3F.md) | ### 2025년 2월 | 주차 | 날짜 (요일) | 발표자/작성자 | 발표 제목 | | :-: | :--------: | :-----: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | | 3주차 | 02.04. (화) | 심여은 | [\[JavaScript\] "=="와 "==="의 차이는 무엇인가요?](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/JavaScript/%22%3D%3D%22%EC%99%80%20%22%3D%3D%3D%22%EC%9D%98%20%EC%B0%A8%EC%9D%B4%EB%8A%94%20%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80%EC%9A%94%3F.md) | | 3주차 | 02.04. (화) | 이지수 | [\[Web\] Static Site Generator에 대해서 아시나요?](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/Web/Static%20Site%20Generator%EC%97%90%20%EB%8C%80%ED%95%B4%EC%84%9C%20%EC%95%84%EC%8B%9C%EB%82%98%EC%9A%94%3F.md) | | 3주차 | 02.04. (화) | 이효린 | [\[Web\] 주소창에 naver.com을 입력하면 일어나는 일에 대해 말씀해주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/Web/%EC%A3%BC%EC%86%8C%EC%B0%BD%EC%97%90%20naver.com%EC%9D%84%20%EC%9E%85%EB%A0%A5%ED%95%98%EB%A9%B4%20%EC%9D%BC%EC%96%B4%EB%82%98%EB%8A%94%20%EC%9D%BC%EC%97%90%20%EB%8C%80%ED%95%B4%20%EB%A7%90%EC%94%80%ED%95%B4%EC%A3%BC%EC%84%B8%EC%9A%94..md) | | 3주차 | 02.08. (토) | 노이진 | [\[Web\] MVVM 패턴과 Flux 패턴의 차이점을 설명해주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/Web/MVVM%20%ED%8C%A8%ED%84%B4%EA%B3%BC%20Flux%20%ED%8C%A8%ED%84%B4%EC%9D%98%20%EC%B0%A8%EC%9D%B4%EC%A0%90%EC%9D%84%20%EC%84%A4%EB%AA%85%ED%95%B4%EC%A3%BC%EC%84%B8%EC%9A%94..md) | | 3주차 | 02.08. (토) | 심여은 | [\[Web\] Reflow와 Repaint가 실행되는 시점에 대해 말씀해 주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/Web/Reflow%EC%99%80%20Repaint%EA%B0%80%20%EC%8B%A4%ED%96%89%EB%90%98%EB%8A%94%20%EC%8B%9C%EC%A0%90%EC%97%90%20%EB%8C%80%ED%95%B4%20%EB%A7%90%EC%94%80%ED%95%B4%20%EC%A3%BC%EC%84%B8%EC%9A%94..md) | | 4주차 | 02.04. (화) | 노이진 | [\[CSS\] CSS에서 position을 어떻게 사용하는지 설명해주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/CSS/CSS%EC%97%90%EC%84%9C%20position%EC%9D%84%20%EC%96%B4%EB%96%BB%EA%B2%8C%20%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94%EC%A7%80%20%EC%84%A4%EB%AA%85%ED%95%B4%EC%A3%BC%EC%84%B8%EC%9A%94..md) | | 5주차 | 02.07. (금) | 심여은 | [\[JavaScript\] this의 용법에 대해 아는 대로 설명해 주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/JavaScript/this%EC%9D%98%20%EC%9A%A9%EB%B2%95%EC%97%90%20%EB%8C%80%ED%95%B4%20%EC%95%84%EB%8A%94%20%EB%8C%80%EB%A1%9C%20%EC%84%A4%EB%AA%85%ED%95%B4%20%EC%A3%BC%EC%84%B8%EC%9A%94..md) | ### 2025년 3월 | 주차 | 날짜 (요일) | 발표자/작성자 | 발표 제목 | | :-: | :--------: | :-----: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | | 6주차 | 03.04. (화) | 노이진 | [\[JavaScript\] 이벤트 루프, 마이크로태스크 큐와 매크로 태스크 큐에 대해서 말씀해 주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/JavaScript) | | 6주차 | 03.04. (화) | 심여은 | [\[React\] useMemo, useCallback의 차이점에 대해 설명해 주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/React/useMemo%2C%20useCallback%EC%9D%98%20%EC%B0%A8%EC%9D%B4%EC%A0%90%EC%97%90%20%EB%8C%80%ED%95%B4%20%EC%84%A4%EB%AA%85%ED%95%B4%20%EC%A3%BC%EC%84%B8%EC%9A%94..md) | | 6주차 | 03.07. (금) | 노이진 | [\[JavaScript\] 실행 컨텍스트에 대해서 설명해 주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/JavaScript) | | 6주차 | 03.07. (금) | 심여은 | [\[JavaScript\] 자바스크립트의 가비지 컬렉션에 대해 알고 있나요?](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/JavaScript/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%9D%98%20%EA%B0%80%EB%B9%84%EC%A7%80%20%EC%BB%AC%EB%A0%89%EC%85%98%EC%97%90%20%EB%8C%80%ED%95%B4%20%EC%95%8C%EA%B3%A0%20%EC%9E%88%EB%82%98%EC%9A%94%3F.md) | | 7주차 | 03.11. (화) | 노이진 | [\[JavaScript\] HTML이 렌더링 중에 JavaScript가 실행되면 렌더링이 멈추는데 그 이유는 무엇일까요?](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/JavaScript) | | 7주차 | 03.11. (화) | 심여은 | [\[JavaScript\] require와 import의 차이점에 대해 설명해 주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/JavaScript/require%EC%99%80%20import%EC%9D%98%20%EC%B0%A8%EC%9D%B4%EC%A0%90%EC%97%90%20%EB%8C%80%ED%95%B4%20%EC%84%A4%EB%AA%85%ED%95%B4%20%EC%A3%BC%EC%84%B8%EC%9A%94..md) | | 8주차 | 03.18. (화) | 노이진 | [\[Web\] CORS에 대처하는 방법과 우회하는 방법에 대해 설명해 주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/Network) | | 8주차 | 03.18. (화) | 심여은 | [\[React\] React의 라이프 사이클에 대해 설명해 주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/React/React%EC%9D%98%20%EB%9D%BC%EC%9D%B4%ED%94%84%20%EC%82%AC%EC%9D%B4%ED%81%B4%EC%97%90%20%EB%8C%80%ED%95%B4%20%EC%84%A4%EB%AA%85%ED%95%B4%20%EC%A3%BC%EC%84%B8%EC%9A%94..md) | | 8주차 | 03.22. (토) | 노이진 | [\[Network\] UDP란 무엇인가요?](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/Web) | | 8주차 | 03.22. (토) | 심여은 | [\[Server\] 로드 밸런싱(Load Balancing)에 대해 설명해 주세요.](https://github.com/FE-CITYR0CK/FE-Tech-Interview/blob/main/Server/%EB%A1%9C%EB%93%9C%20%EB%B0%B8%EB%9F%B0%EC%8B%B1\(Load%20Balancing\)%EC%97%90%20%EB%8C%80%ED%95%B4%20%EC%84%A4%EB%AA%85%ED%95%B4%20%EC%A3%BC%EC%84%B8%EC%9A%94..md) |