컴포넌트
- 컴포넌트를 작성할때는 함수컴포넌트와 Hooks 라이브러리 사용을 권장
- props : properties의 약자로 컴포넌트의 속성을 설정할 때 사용하는 요소
- state : 컴포넌트 내부에서 바뀔 수 있는 값을 의미한다.
props 와 state
props는 부모 컴포넌트에서 지장한 값을 자식컴포넌트가 읽기전용으로 사용만 가능하며 수정은 안되지만 state는컴포넌트 자체적으로 지닌 값으로 내부에서 값 변환이 가능하다.
컴포넌트의 반복
- 기존 배열로 새로운 배열을 만든다.
- map 함수를 이용해 반복되는 컴포넌트 렌더링 가능
문법
arr.map(callback, [thisArg])callback : 호출되는 함수를 의미
thisArg : callback 내부에서 사용할 레퍼런스
컴포넌트 스타일링
컴포넌트 스타일링 4가지 방식
- 일반 css 방식
- sass
- css모듈
- styled-components
