• 리액트 컴포넌트의 네이밍 규칙
  • 대문자로 시작하는 한 단어, 카멜 케이스로 만든다.

⭐ Math.max 사용할 때, 배열의 모든 요소를 풀어서 나타내야하므로 … spread 연산자를 사용하여 나타낸다.

⭐ useState에서 값이 바뀌면 set 함수로 값이 바뀌면 바뀐 함수콜이 끝난 이후 해당 컴포넌트 전체가 다시 실행된다! → 잊지 말기!!!

• 코드 참조

JavaScript

리액트 실습 및 기초 컴포넌트

리액트 State 및 이벤트 다루기

렌더링 리스트 및 조건부 Content

리액트 컴포넌트 스타일링

리액트 앱 디버깅하기

프래그먼트 작업, Portals & “Refs”

Effect, Reducer, Context

Redux