2일차) [React/JS] React를 쓰는 이유 / 컴포넌트란? / React 전용 변수 ★State★

왜 React 인가?

1. 6배 많은 사용량
2. 하나만 잘 배워도 여러가지를 할 수 있음
   (React.js(웹), React-Native(ios, 안드로이드), React + Electron(PC앱)

React의 핵심

Component

UI 또는 기능을 부품화 해서 재사용 가능하게 하는 것
부품을 만들어서 임폴트(불러오기)하여 사용

CTRL + C, CTRL + V 와의 차이점: 모든 게시물 하나하나 수정할 필요 없음

Component 만드는 방법 2가지

클래스형

import {component} from “react”;
class New extends Component { render(){ return <?div><?/div> }
export default New

함수형(최신)

import {component} from “react”;
function New() { return <?div><?/div> }
export default New

HOOK이란??

Use로 시작하는 애들!!!! (useState, useEffect)
react-hooks이 나오면서 클래스에서 쓸 수 있는 기능 사용 -> 함수형 컴포넌트 활성화

STATE

리액트 전용 변수

useState는 리액트 컴포넌트에서 사용하는 변수
→ State를 만들어주는 도구

const [state, setState] = useState("초기값")
state: 변수명
setState: 변수 값을 변경시켜주는 함수

2일차 자가진단

좀더 이해할 시간과 여유를 가지며 블로그를 작성하고 싶다 = 사치
이해는 안되지만 때려박는중이라 어찌어찌 되고는 있지만
애초에 나라는 사람은 무엇이든 왜 해야하는지가 우선시되기 때문에
지금의 나는 그저 로봇일뿐...

잠은 죽어서 자자