리액트 시작하기

(실습) 직접 리액트 연동하기

(실습) HTML만으로 간단한 웹사이트 만들기

(실습) CSS를 사용하여 웹사이트 스타일링하기

(실습) 간단한 리액트 컴퍼넌트 작성하기

결과

버튼 클릭 전

버튼 클릭 후

리액트를 이용하여 웹페이지를 만들 때마다 이렇게 번거로운 환경 설정을 해줘야 하면 효율성 DOWN
곧바로 리액트 웹 애플리케이션 프로젝트를 자동으로 생성해주는 create-react-app이 존재!

(실습) create-react-app (CRA)

• Node.js v14.0.0 이상
• npm v6.14.0 이상

npx - execute npm package binaries

#사용법
$ npx create-react-app <your-project-name>

#애플리케이션 실행
npm start

Git - 리액트 실습 코드