리액트를 이용한 웹 사이트 만들기

처음으로 리액트 사이트를 만들어 보자. 컴퍼넌트 및 props를 이용하여 사이트를 만들고 사이트를 구성합니다. 가상 돔(Virtual DOM), 컴포넌트 기반, 데이터 처리, JSX를 이용하여 작업하였습니다.

미리보기

https://webpage-react-wolves.netlify.app/

설치

npx create-react-app react-webpage

디자인

디자인은 웹상에 공유되어 있는 디자인으로 작업하였습니다. 피그마 디자인

작업 순서

• 필요없는 파일 삭제하기
• rafce : 기본 문법 단축키 -> 확장 프로그램에서 ES7+ React/Redux/React-Native snippets 설치 해야 가능
• 리액트 시작 : npm start