[TIL-20221206] react component, hook

이번주도 힘차 게 ~ 달료랑 ~

오늘 배운 것

react : 자바스크립트로 뷰를 만들기 위한 라이브러리

페이스북에서 제공하는 노드 패키지 관리 시스템 yarn을 사용해 프로젝트 만들 수 있다.
물론 기존의 npm, npx를 이용해 만들 수도 있지만 이번 실습에서는 yarn으로 진행했다.

// 이 프로젝트 뿐 아니라 이 컴퓨터 자체에, 전역으로 yarn 설치
yarn install -g yarn

create-react-app 프로젝트명;

위와 같은 방법으로 설치할 수 있다.

프로젝트 생성 후,

component

논리적인 화면 구성 단위

props

properties의 약자로, 상위 컴포넌트가 하위 컴포넌트에 데이터를 넘겨줄 때 사용하는 객체

state

props가 상위->하위 컴포넌트로 데이터 넘겨주는 개념이라면,
state는 컴포넌트 내부, 자체에서 읽고 업데이트 할 수 있는 값
클래스 안의 멤버변수, 함수 안의 지역변수와 유사하다.

리액트의 생명 주기

Mount → Update → Unmount

등 개념 익힐 수 있었다.

 

이때 배운 개념!

 

 

의 정리는 to be continued ..

 

8일, 목요일 저녁에 수업 이후 남아서 정리하겠다.