오늘은 리액트 개발환경 준비에 대한 포스팅을 준비했습니다.
본 포스팅은 "초보자를 위한 리액트 200제"를 바탕으로 작성하였습니다.
1. node.js 다운로드
https://nodejs.org/en/download/releases/ 링크 접속
1) Type versions of Node.js or npm to search 부분의 14.16.1을 입력하여 [Downloads]해주세요!
2) 각 운영체제에 맞는 버전을 선택해주세요 (64bit 기준)
- node-v14.16.1-x64.msi 클릭 !
3) 다운로드가 완료된 후 실행하여 [Next]를 계속해서 눌러주세요
⚠주의 : 5번째 사진에서 체크 박스를 선택하지 말고 진행해주세요!!!
2. 원하는 위치에 파일을 하나 생성해주세요!
3. 윈도우키+R >> Cmd 실행 후 버전 확인 및 폴더 이동을 해주세요!
4. yarn 버전 확인 전에 yarn 설치를 먼저 실행해주세요!
5. create-react-app 설치 및 client프로젝트를 생성해주세요!
다운로드중 ......
6. yarn strart 입력 (실행)
7. 서버 실행 화면 확인!
추가로 react 프로젝트 실행하여 index.js 에서
<React.StrictMode> 부분을 삭제하고 실행해주시기 바랍니다!
App.js에서 새롭게 html을 써서 실행해보니 서버에도 잘 올라오는 모습이네요!
이렇게 화면이 나오면 node.js설치 및 서버 실행까지 완료!! 저도 처음 따라해보면서 헷갈리고 잘 안됬는데 차근차근 따라하다 보니 잘 되더라구요! 여러분도 화이팅!!💛
'javascript > React' 카테고리의 다른 글
| React 200제(17~23번 실습) (0) | 2021.11.04 |
|---|---|
| React 200제(9~16번 실습) (0) | 2021.11.01 |
| React 200제 (4~8번 실습) (0) | 2021.10.31 |
| React 200제 (1~3번 실습) (1) | 2021.10.29 |
| React 알아가기 (0) | 2021.10.28 |