## 컴포넌트

• 리액트 앱은 컴포넌트 조각으로 이루어짐

• 컴포넌트는 버튼처럼 작거나 한 페이지처럼 클 수 있음

• JSX 문법을 사용함

## 생성

• 컴포넌트 이름을 Camel 표기법으로 선언

• retun() 안에 시멘틱 태그로 원하는 코드를 감싸서 넣음

## 컴포넌트 끼워넣기

• 다른 컴포넌트에 끼워넣을 수 있음

• 선언한 컴포넌트 이름으로 태그가 생성됨

• Camel 표기법으로 이름을 선언하였으므로 태그가 대문자로 시작함

## JSX로 마크업 작성하기

• HTML보다 더 엄격함

• 하나의 컴포넌트는 하나의 JSX 태그만 반환함

• return문 안에서 하나의 부모로 감싸야 함 <>... </>

-----------------------------------------------------------------------------------

아침에 공식 문서를 읽고 요약하는 스터디를 시작하였습니다.

리액트 한글 번역과 FE재남님의 유튜브를 참고합니다.

• 리액트 한글 번역: https://react-ko.dev/

• FE재남님의 리액트 공식 문서 스터디: https://www.youtube.com/playlist?list=PLjQV3hketAJkh6BEl0n4PDS_2fBd0cS9v