React

kler_HJ·2020년 4월 26일
0

REACT

목록 보기
2/7

React


  • React는 페이스북이 개발한 자바스크립트 라이브러리다.
  • React의 동작과 능력때문에 프레임워크라고도 주로 불린다.

1. React 사용 이유

  • 프론트엔드단의 자바스크립트 개발을 더욱 쉽게한다.
  • 자신만의 State를 가진 독립적인 컴포넌트를 사용할 수 있다.
  • 가상 DOM을 사용한다.
  • React의 사용 문법인 JSX가 자바스크립트에 잘 통합되어있다.
  • 협업이 수월하다.

state

  • 컴포넌트가 어떻게 동작하고 렌더링될지 결정하는 객체
state = {
  title: 'xxx'
  body: 'yyy'
  isFeatured: true
}

2.react 생성 방법

  • React app을 생성하기 위한 CLI Tool
  • 사용자 configuration이 필요없는 Webpack
  • hot reload, dev server와 함께 오는 bundled
  • 브라우저가 해석 가능하도록 컴파일 "npm run build"
  • 브라우저에 표시 "npm run start"
profile
더 나은 제품과 디자인에 대해 고민하기를 즐기는 Front-end 개발자입니다.

0개의 댓글