본문 바로가기
React

React 웹페이지 만들기(미완성)

by 리양 2021. 6. 15.

<참고영상>

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