docs : README.md step3 답변

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

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": [