React 01

React 공부시작, 프론트엔드 부시기

처음 세팅 방법

1. Desktop - newReact 폴더 진입
   cd Desktop/newReact
   
   
2. 프로젝트 원하는 이름으로 설치
   npx create-react-app project
   
   
3. project 프로젝트 진입
   cd project
   
   
4. 로컬 서버 띄우기
   npm start / yarn start

초기 설치할 것

• npx create-next-app@latest
• yarn add @emotion/react
• yarn add @emotion/styled
• npm install @apollo/client graphql class
• yarn add antd
• npm install @mui/material @emotion/react @emotion/styled
• yarn add axios

state : 컴포넌트에서 사용하는 변수
setState : 컴포넌트에서 사용하는 변수를 바꿔주는 기능
useState : 컴포넌트에서 사용하는 변수를 만들어주는 기능

JSX 규칙

태그는 꼭 닫혀야 한다.
두개 이상의 태그가 존재한다면 꼭 하나의 태그로 감싸져야 한다.

Fragment

단순히 감싸기 용으로 태그를 이용해야 할 때 사용하면된다.
형태 : <></>

조건부 렌더링

특정 조건에 따라 다른 결과물을 렌더링 하는 것