오늘은 리엑트 터미널 사용법에 대해 알아보도록 하겠습니다. 터미널은 리액트를 개발할 때 터미널(또는 명령 프롬프트)은 매우 중요한 도구입니다. 리액트 애플리케이션을 개발하고 관리하는 데 사용되는 일반적인 터미널 명령에 대해 간략하게 설명해 드리겠습니다.
1. 프로젝트 생성하기:
- 새로운 리액트 프로젝트를 생성할 때는 create-react-app을 사용합니다.
1
| npx create-react-app my-app
|
2. 개발 서버 실행하기:
- 생성한 리액트 프로젝트 디렉토리로 이동한 후 개발 서버를 실행합니다. 이는 소스 코드를 수정할 때마다 자동으로 다시 빌드되고 브라우저에 반영됩니다.
3.의존성 설치하기:
- 프로젝트에 새로운 패키지를 추가하거나 의존성을 설치할 때는 npm install 명령을 사용합니다.
1
| npm install package-name
|
4. 프로젝트 빌드하기:
- 프로덕션 환경에서 애플리케이션을 빌드할 때는 npm run build 명령을 사용합니다.
5. 테스트 실행하기:
- Jest와 같은 테스트 프레임워크를 사용하여 테스트를 실행할 때는 npm test 명령을 사용합니다.
6. 패키지 업데이트:
- 프로젝트의 의존성 패키지를 최신 버전으로 업데이트하려면 npm update 명령을 사용합니다.
7. Git 사용하기:
- Git을 사용하여 프로젝트를 버전 관리하고 저장소에 푸시하거나 풀할 때는 Git 명령어를 사용합니다.
1
2
3
| git add .
git commit -m "Commit message"
git push origin master
|
8.의존성 제거:
1
| npm uninstall package-name
|
9. 패키지 검색:
1
| npm search package-name
|
10. 패키지 정보 조회:
11.패키지 버전 확인:
1
| npm show package-name version
|
12. 캐시 초기화:
1
| npm cache clean --force
|
13. 리액트 스크립트 추가:
1
| npm install react react-dom
|
터미널에서 이러한 명령어를 사용하여 리액트 프로젝트를 생성, 관리 및 배포할 수 있습니다. 이러한 기본 명령어 외에도 여러 유용한 명령어와 도구가 있으니, 필요에 따라 추가적으로 학습하시면 됩니다.
