기록하는 공부

1. VSCode를 실행하고 새 터미널 창을 열고 생성하고자 하는 프로젝트 경로로 이동한 후, 아래 명령어를 작성한다. npx create-react-app 생성할프로젝트명 --template typescript 2. VSCode에서 Prettier과 ESLint를 찾아 설치한다. ESLint 란 ? 더보기 ESLint는 JavaScript 코드에서 문제점을 식별하고 예방하는 도구로 이를 통해 일관된 코드 스타일을 유지하고 코드 품질을 향상할 수 있다. ESLint는 설정 파일을 사용하여 린트 규칙을 정의한다. 이 규칙은 코드 스타일, 코드 오류, 보안 문제 등 다양한 측면에서 지원된다. 예를 들어, 함수 정의 시 인자의 이름을 정의하는 것, 변수 선언 시 초기화를 권장하는 것, 반복문에서 변수를 재할당..

Language/Javascript, Typescript, React 2023. 5. 6. 16:08

먼저, 나는 VSCode를 이용해서 프로젝트 코드를 작성하려고 한다. 1. VSCode를 실행시키고 새 터미널을 누른다. 2. 하단에 터미널 창에서 프로젝트를 생성하고자 하는 경로로 이동한다. 이동 시에는 cd 폴더명 명령어를 입력해서 이동이 가능하다. 아니면 파일 탐색기에서 경로를 복사해온 후 cd 복사한 경로 를 입력해도 이동이 가능하다. 복사한 경로를 VSCode 터미널 창에 입력한다. 3. "npx create-react-app my-app --template typescript" 명령어를 입력해 타입스크립트 프로젝트를 생성한다. npx create-react-app my-app --template typescript 4. 생성된 파일들을 살펴보고 실행시켜 본다. 프로젝트 실행 명령어는 npm s..

Language/Javascript, Typescript, React 2023. 5. 4. 21:32