React(리액트)
대표적인 프론트엔드 도구로는 React, Angular, Vue가 있다
하지만 실무에서 React 쓰는이유는
- 가장 많은 사용자 수를 보유
- 웹, 안드로이드, IOS, 데스크톱을 동시에 가능
컴포넌트 : 컴포넌트란 UI 또는 기능을 부품화해서 재사용 가능하게 하는 것
리액트에서 컴포넌트 작성 방법 2가지
클래스형 : 예전 방식, 코드가 김
함수형 : 코드가 짧음, 추천하는 방식
클래스형을 알아야 하는 이유
- 회사가 클래스형을 사용하고 있을수도 있음
- 클래스형을 함수형으로 바꾸는 프로젝트에 투입 가능성
- 내가 검색한 코드가 클래스형인 경우
함수형 컴포넌트를 왜 처음부터 사용하지 않았는가
예전에는 함수형 컴포넌트 그 자체만으로는 클래스형 컴포넌트의 모든 기능을 흉내낼 수 없었음
그래서 리액트 에서 클래스형 컴포넌트와 동일한 기능을 사용 가능하도록 훅(hooks)를 만들어줌
useState 사용 방법을 배웠다!
State : 컴포넌트 전용 변수
const[count, setCount] = useState(0)
- count : 변수명
- setCount : 변수 값 변경해주는 기능
- useState(0) : 0의 값을 가진 변수를 만듬
