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 전반의 stylegnb.tsx
: 좌측 메뉴 컴포넌트
components
vanillaWrapper.ts
: 독립적인 VanillaJS 환경의 wrapper 컴포넌트
routes.ts
: route 구성
- 다운로드 받은 파일의 압축을 해제하고, 터미널에서 해당 폴더로 이동합니다.
cd ui-study
- npm module 설치를 진행합니다.
npm install
# or
pnpm install
# or
yarn
- 개발 서버를 실행합니다.
npm run dev
# or
pnpm run dev
# or
yarn dev
- 브라우저에서 http://localhost:3000에 접속하여 결과를 확인합니다.