Developer

GitHub

Made with

Next.jsshadcn/uiNestJSDrizzle

React.02

2026년 07월 23일

  • 컴포넌트?
  • JSX?
  • TSX?
  • JSX문법의 기본 작성 규칙
  • 하나의 최상위 요소를 반환해야 한다
  • 모든 태그를 닫아야 한다
  • 여러 단어로 구성된 속성은 camelCase로 작성한다
  • class 대신 className을 사용한다
  • JavaScript 값은 중괄호 안에 작성한다
  • 여러 줄의 JSX는 소괄호로 감싼다
  • 자주 실수하는 JSX 문법
  • 컴포넌트 이름을 소문자로 작성한다
  • 컴포넌트를 함수처럼 호출한다
  • 여러 요소를 그대로 반환한다
  • TypeScript 파일에서 .ts 확장자를 사용한다
  • 함수형 컴포넌트
  • 컴포넌트 이름은 대문자로 시작한다
  • 컴포넌트 사용하기
  • 컴포넌트 중첩하기
  • 컴포넌트는 함수처럼 직접 호출하지 않는다
  • 컴포넌트는 언제 분리해야할까?
  • 반복해서 사용되는 UI
  • 독립적인 역활을 가진 UI
  • 마크업이 너무 복잡해진 경우
  • 컴포넌트를 파일로 분리하기
  • default export와 named export
  • 컴포넌트에 데이터 전달하기
  • 정리