TypeScript

React 프로젝트 구조 및 VSCode 확장 프로그램 추천

React는 UI 개발에 있어 매우 강력한 JavaScript 라이브러리입니다. React 프로젝트를 효과적으로 관리하기 위해서는 적절한 폴더 구조를 설정하는 것이 중요합니다. 또한 VSCode(Visual Studio Code)에서 React 개발을 돕는 다양한 확장 프로그램을 활용하면 생산성을 크게 높일 수 있습니다.React 프로젝트 폴더 구조React 프로젝트의 일반적인 폴더 구조는 다음과 같습니다:my-react-app/├── node_modules/├── public/│ ├── index.html│ ├── manifest.json│ └── robots.txt├── src/│ ├── components/│ │ ├── Header.js│ │ ├── Footer.js│ ..

tsconfig.json : compilerOptions 살펴보기

TypeScript 프로젝트를 구성할 때 가장 중요한 파일은 tsconfig.json입니다. 이 파일에는 TypeScript 컴파일러의 동작을 제어하는 다양한 설정 옵션이 정의되어 있습니다. 이번 포스팅에서는 tsconfig.json의 compilerOptions 섹션을 자세히 살펴보도록 하겠습니다.compilerOptions 설정 옵션compilerOptions 섹션에는 TypeScript 컴파일러의 동작을 제어하는 다양한 설정 옵션이 포함되어 있습니다. 주요 옵션들은 다음과 같습니다:target: 생성할 JavaScript 코드의 ECMAScript 버전을 지정합니다. 일반적으로 es5, es6, es2015, es2016, es2017, es2018, es2019, es2020, es2021 등의 ..