From 09bdf018d4575eb5547c275bc84e38cfc9d012bc Mon Sep 17 00:00:00 2001
From: leedohyun <leedo573@gmail.com>
Date: Sat, 29 Jun 2024 11:41:09 +0900
Subject: [PATCH] =?UTF-8?q?docs=20:=20README.md=20step3=20=EB=8B=B5?=
 =?UTF-8?q?=EB=B3=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md     | 17 +++++++++++++++++
 tsconfig.json |  6 +++---
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index b87cb0044..bc278ce91 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,20 @@
+## 1주차 질문
+
+- 질문1. Webpack은 무엇이고 어떤 역할을 하고 있나요?
+    - Webpack은 주로 JavaScript 애플리케이션을 위한 모듈 번들러
+    - 애플리케이션에서 필요한 여러 파일들을 하나의 번들러로 묶어주며, 다양한 모듈을 처리할 수 있음
+    - 모듈 번들링, 코드 분할, 로더, 플러그인, 핫 모듈 교체 등의 역할을 함
+
+- 질문2. 브라우저는 어떻게 JSX 파일을 읽을 수 있나요?
+    - JSX 변환 : JSX는 브라우저가 이해할 수 있는 일반 JavaScript 코드로 변환(Babel 등 도구 이용)
+    - 번들링 : Webpack과 같은 모듈 번들러를 사용하여 변환된 JavaScript 코드와 다른 의존성들을 하나의 파일로 번들링
+    - 번들 파일 로드 : 번들된 파일을 HTML 파일에 포함시키고 로드하여 실행
+
+- 질문3. React에서 상태 변화가 생겼을 때 어떻게 변화를 알아챌 수 있나요?
+    - 상태 관리 : 컴포넌트 내부적으로 useState 같은 React 훅을 사용하여 정의하고 setState를 통해 상태(state) 관리 가능
+    - 렌더링 트리거 : 상태가 업데이트되면 React는 해당 컴포넌트를 다시 렌더링
+    - 효과 처리 : 상태 변화에 따른 부수 효과를 처리하기 위해 useEffect 훅 사용 가능
+
 # Getting Started with Create React App
 
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
diff --git a/tsconfig.json b/tsconfig.json
index 006557577..08c83af07 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,10 +19,10 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
-    "baseUrl": "src",
+    "baseUrl": ".",
     "paths" : {
-      "@components/*":["components/"],
-      "@utils/*":["utils/*"]
+      "@components/*":["src/components/"],
+      "@utils/*":["src/utils/*"]
     }
   },
   "include": [