728x90

Web/React 45

React - State

React에서 State를 쓰는이유는 State를 쓰던 html은 State가 변경되면 재 렌더링 된다. 즉, html부분에서 자주 변경될거 같은부분은 state로 만들어 두면 된다. // State Import import { useState } from 'react'; // State 예시 let [val, setVal] = useState('남자옷'); // 이런식으로 html에 값을주면 자동으로 재 렌더링이 안된다. let post = '강남 우동 맛집'; 비슷한 성질의 여러개 태그에 state를 써야할경우, 묶음처리도 가능하다. let [title, setTitle] = useState(['남자 코트 추천','강남 우동 맛집','파이썬 독학']) // 사용할때는 {title[0]} state의 ..

Web/React 2022.05.13

React 세팅 (라이브러리 설치법이 계속 쌓일 예정)

npx CRA 추가 npx create-react-app 폴더이름 npm 시작 npm run start npm Styled Components, normalize, reset npm install styled-components npm install styled-normalize npm install styled-reset npm redux, react-redux, toolkit npm install react-redux npm install redux // 동시설치 npm install react-redux redux // tool npm install @reduxjs/toolkit npm tailwind css npm install -D tailwindcss@npm:@tailwindcss/postcs..

Web/React 2022.05.13
728x90