1. 애플리케이션 만들기
npx create-react-app <app이름>
옆에 프로젝트가 app이름으로 생긴게 확인 가능
2. 애플리케이션 실행
npm start
아래와 같은 화면이 뜨면 실행 정상
3. 필요한 패키지 설치
react-router-dom v6 : 리액트 앱에서 페이지 전환을 위해 사용하는 패키지 , 모든 리액트에 필수적
styled-components v5 : 스타일링을 위한 라이브러리
아래 명령어 실행
000@munhuijaeui-MacBookPro mini-blog % npm install --save react-router-dom styled-components
설치 완료 화면
pakage.json 파일에서 아래와 같이 버전 및 설치확인 가능
'IT > React' 카테고리의 다른 글
| 리액트 서버(serve) 설치시 에러 : npm ERR! A complete log of this run can be found in:~ (0) | 2024.03.06 |
|---|---|
| 리액트 훅(Hook)에 대해서( useState(), useEffect(), useMemo(),useRef() ) (0) | 2024.03.05 |
| 리액트 어플리케이션 설치 및 실행 명령어 (0) | 2024.03.04 |
| Node.js & npm 설치 링크 / VSCode 설치 링크 (0) | 2024.03.04 |
| 리액트 크롬 툴 소개 ( react developer tool ) (0) | 2024.02.26 |
