react.js 개론

[react.js]

- 오픈소스 javascript 라이브러리

- 대규모 웹 서비스의 UI를 더 편하게 개발하기 위해 만들어진 기술

• 컴포넌트를 기반으로 UI를 표현한다
  - 여러페이지에서 공통으로 사용하는 부분을 컴포넌트화
  - 유지보수 용이, 중복코드를 줄임
• 화면 업데이트 구현이 쉽다
  - 선언형 프로그래밍(react) : 목적만 깔끔하게 명시, 코드가 간결함
• 화면 업데이트가 빠르게 처리된다
  - 동시에 발생한 업데이트를 모아서 한번에 수정
  - virtual DOM : DOM을 복제
  - react는 업데이트가 발생하면 실제 DOM을 수정하기 전에 가상의 복제판 DOM에 먼저 반영

[react App 생성하기]

• Vite : 차세대 프론트엔드 개발 툴
  - 기본 설정이 적용된 React App 생성 가능

//터미널
> npm create vite@latest

• react app 실행
  > npm create vite@latest : react app 생성
  > npm i : package.json 라이브러리 설치
  - eslintrc.cjs : 코드 스타일 통일..
  > npm run dev : react 가동

 

* 출처 : 한입 크기로 잘라먹는 리액트