📘
simpleReact
  • 01. React 시작해보기
  • 02. Componet 구성해보기
  • 03. styled-component 로 스타일링해보기
  • 04. State 와 Props
  • 05. Loop
  • 06. Event
  • 07. Router
  • 08. TODO APP (Read, Create)
  • 09. TODO APP (DELETE)
  • 10. TODO APP (UPDATE - STATUS)
  • Context API
  • NextJS 배포하기 - NextJS, Travis Setup
  • NextJS 배포하기 - Beanstalk
  • Storybook
  • (1) 만들면서 알아보는 Hooks
  • (2) 만들면서 알아보는 Hooks
  • React 배포하기 - Travis, Github Pages
  • Dark Mode
Powered by GitBook
On this page
  • 리액트란 ?
  • 들어가기전

Was this helpful?

01. React 시작해보기

Next02. Componet 구성해보기

Last updated 5 years ago

Was this helpful?

리액트란 ?

페이스북에서 개발하고 관리되어오고 있는 UI 전용 라이브러리입니다.

  • 가상 돔을 이용한다

  • 돔에 대한 업데이트 처리를 신경쓰지 않아도된다.

  • 컴포넌트 단위로 이루어져 개발, 유지보수에 좋다 등등...

들어가기전

모던한 프론트엔드 라이브러리와 프레임워크들에서는 Componet 와 SPA 개념이 중요합니다. Component 와 SPA 에 관한 설명은 를 참고해주세요

Create-React-App (CRA)

CRA 는 별다른 설정없이 간단하게 React 프로젝트를 구성할 수 있도록 도와줍니다. CRA 를 이용하여 리액트 프로젝트를 생성해보겠습니다. 

$ npx create-react-app my-app
$ cd my-app
$ npm start

여기