2024년12월18일 - React

React

•

React 설치

◦

node 설치

◦

npm 설치

•

React 프로젝트 생성

◦

CDN

◦

npm

▪

npx

npx create-react-app 프로젝트명
Bash
복사

▪

Vite

create-vite 프로젝트명 --template react
Bash
복사

•

React 프로젝트 실행

◦

package.json 설정에 따라

▪

npm start

▪

npm run dev

•

React 핵심 내용

◦

JSX

▪

표현식 { }

•

조건부 렌더링

◦

삼항 연산자

◦

&&

◦

||

•

이벤트 핸들러

◦

onClick 속성 등의 이벤트 함수 연결 시 
함수 호출의 형태가 아니라 함수 정의 (콜백 함수)의 형태로 지정됩니다.

◦

Element

▪

반드시 종료 태그를 작성해야 된다

▪

루트 엘리먼트는 반드시 1개로 작성해야 된다

•

cf. Fragment

▪

class  className

▪

style속성값은 자바스크립트 객체 형태로 지정한다

◦

Component

▪

state

▪

props