파송송의 개발자 공부

CRA(create-react-app) + TypeScript

CRA(create-react-app) + TypeScript TypeScript 로 새로운 Create React App 프로젝트를 생성하려면 원하는 디렉터리에서 아래 명령어를 작성한다. npx create-react-app my-app --template typescript 또는 yarn으로 생성하려면 아래 명령어를 입력하면 된다. yarn create react-app my-app --template typescript

.env 파일로 GIT Hub에 올릴 부분 제한하기

React 앱에서 .env 파일을 사용하여 환경 변수를 설정하면, process.env를 통해 해당 환경 변수에 접근할 수 있음 Create React App으로 프로젝트를 생성했을 때 주의해야 할 점 환경 변수의 이름은 반드시 REACT_APP_ 접두어로 시작해야한다. 그렇지 않으면 앱 내에서 환경 변수에 액세스할 수 없음 .env 파일 생성 위치 React 프로젝트에서 .env 파일은 프로젝트의 루트 디렉터리에 위치 Create React App을 사용한 프로젝트의 경우, .env 파일은 package.json 파일과 같은 디렉터리 레벨에 있어야한다. my-react-app/ │ ├── node_modules/ ├── public/ ├── src/ │ ├── .env

.gitignore 파일 설정

.gitignore 파일이란? .gitignore 파일은 Git 버전 관리 시스템에서 특정 파일이나 디렉터리를 추적하지 않도록 설정하는 데 사용됩니다. 파일이름 .gitignore 설정 방법 특정 파일 무시하기: filename.ext 모든 .log 파일 무시하기: *.log 특정 디렉터리와 그 내용 전체 무시하기: directoryname/ #으로 시작하는 줄은 주석으로 처리됩니다. 일반적인 프로젝트에서 사용할만한 설정 # node modules node_modules/ # Logs *.log npm-debug.log* # Runtime data pids *.pid *.seed *.log.pid # Directory for instrumented libs generated by jscoverage/JS..