/uiComponents-practice

React, Vanilla 자바스크립트로 여러가지 UI 만들기

Primary LanguageTypeScript

UI요소 만들기

인프런 정재남님의 [React / VanillaJS] UI 요소 직접 만들기 강의를 기반으로 합니다.

디렉토리 구조

  • app: app 전반에 대한 기본 view 제공
    • [...item]/page.tsx: /[...item] route의 page view. routes의 key에 매칭된 컴포넌트를 렌더링.
    • layout.tsx: 기본적인 html 구성
    • page.tsx: / route의 page view. /README.md를 보여줍니다.
    • global.scss: app 전반의 style
    • gnb.tsx: 좌측 메뉴 컴포넌트
  • components
    • vanillaWrapper.ts: 독립적인 VanillaJS 환경의 wrapper 컴포넌트
  • routes.ts: route 구성