<참고영상>
https://www.youtube.com/watch?v=I2UBjN5ER4s
1.
터미널에서
npx create-react-app react-website-yt-1 (툴체인 설치)
2.
cd react-website-yt-1 (엔터)
code . 입력 후 엔터 누르면 편집기가 켜진다.
3.
편집기 켜지면 터미널 -> npm start 해서 리엑트 켠 다음에 몇가지 라이브러리를 삭제한다.
<기본설정하기>
![]() |
![]() |
![]() |
![]() |
그럼 다음의 화면이 출력된다.
4.
아래의 주소에 들어가서 이미지 다운로드 받기
https://github.com/briancodex/react-website-v1/tree/starter
briancodex/react-website-v1
Contribute to briancodex/react-website-v1 development by creating an account on GitHub.
github.com
이미지/비디오 파일을
public 폴더에 추가
5.
본격적인 react 작업을 위해 플러그인 설치(emmet 같은거)
ES7 React/Redux/GraphQL/React-Native snippets
6.
navbar.js 작성 후 터미널로 가서 react-router-dom 설치
npm install react-router-dom
'React' 카테고리의 다른 글
4. 이벤트 리스너(핸들러)장착하는 법(코딩애플) (0) | 2021.06.21 |
---|---|
3. state (코딩애플) (0) | 2021.06.21 |
2. JSX 사용법(코딩애플) (0) | 2021.06.21 |
1.설치와 셋팅(코딩애플) (0) | 2021.06.21 |
NODE JS 와 EXPRESS JS 다운로드 하기 (0) | 2021.06.10 |