2.1. 프로젝트 생성

예제 파일로 빠르게 시작

deno run -A -r https://fresh.deno.dev my-project
cd my-project
deno task start

참고로 아직도('23.3.) ARM Docker를 지원하지 않음, 에러남

M1 맥북에선 반드시 Deno 설치해서 사용해야 함

fresh 프로젝트에서 필수 파일 4개

• dev.ts

  • dev 진입점

  • 꼭 파일명이 dev일 필요는 없는데 컨벤션임

• main.ts

  • production 진입점, 특히 Deno Deploy

  • 꼭 파일명이 main일 필요는 없는데 컨벤션임

• fresh.gen.ts

  • routes/ islands/ 관련 manifest 파일

  • routes/ islands/ 디렉토리에 따라 자동 생성됨

  • 건들지 마라

• import_map.json

  • 의존성 관리, node의 package.json 같은거

deno.json

• import_map.json 위치 알려줌

• task: package.json의 script

주요 폴더

routes/

• next.js의 pages 폴더 같은거

islands/

• 인터랙티브 islands

  • → CSR 필요한 컴포넌트들

• 파일명이 islands 컴포넌트 이름과 일치해야 함

• client - server 둘다 실행될 수 있음

static/

• React, Next.js, Vue 등에서 public 폴더 역할

• icon, logo 이미지 등