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

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

미리보기

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

리액트

리액트는 사용자 인터페이스(UI)를 만들고 관리하기 위한 JavaScript 라이브러리 또는 프레임워크입니다.

설치

npx create-react-app 폴더이름

디자인

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

작업 순서

• 필요없는 파일 삭제하기
• rafce : 기본 문법 나오기 --> 확장 프로그램 ES7 설치 필수
• 리액트 시작 : npm start