# FE-Tech-Interview

## 스터디 소개

'FE-Tech-Interview'는 **프론트엔드 개발 분야의 기술, CS 지식, 프로젝트 경험, 최신 개발 트렌드 등**의 주제로 약 1시간 동안 발표를 통해 서로 **지식을 공유**하는 스터디입니다.

<br>

<div align="center"><img src="https://github.com/user-attachments/assets/0bce5489-61ce-4d56-a213-2e7bc57145a3" alt="" width="502"></div>

### 스터디 진행 순서

다음과 같은 순서를 한 사람씩 반복합니다.

'약 10분 발표' ➜ '5분 QnA' ➜ '스터디 종료 후 발표 내용을 정리한 마크다운 파일을 깃헙 저장소에 커밋'

<br>

## 스터디 멤버

|  [노이진](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) |

<br>

## 스터디 진행 일정표

### 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)                         |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://fe-cityr0ck.gitbook.io/fe-tech-interview/readme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.