리액트를 이용한 One Page Web-site

기초적인 리액트 사이트를 만들어 봅니다. component, props를 이용하여 웹 표준에 적합한 하나의 페이지를 만드는 과정입니다.

설치

npx create-react-app react-webpage .

디자인

페이지를 헤더, 슬라이드, 이미지, 이미지와 텍스트, 배너, 텍스트

작업 순서

• react는 탭이 2칸이므로 가독성을 높여 4칸으로 바꿔주기

1. 기본 폴더 준비 public

• index.html

src

• App.js
• index.js

리액트 문법

• rafce : 기본 문법 -> 확장 프로그램 ES7 필수