sveltekit

프로젝트 구조static - 정적인 요소들 imagevideoaudiofontsfaviconsrc - 핵심 폴더libparamsroutes => 라우팅을 담당하는 폴더 \*중요app.jsapp.html

api 폴더 추가 필요GET, POST, PATCH, DELETEhelper 함수 {json}으로 적용// return new Response(JSON.stringify(comments), {// header: {// 'Content-Type': 'applicat

라우팅폴더명 - 페이지 이름about\+layout.svelte\+page.svelteex => http://localhost:5173/about다이나믹 라우트 (Dynamic Routes)페이지 내 정보 가져와서 적용함price urlId \+page.sv

Page Data,\+page.svelte + +page.js형제 요소로 서로 관여하는 파일최종 값 객체를 반환 해야함\+page.js\*\* 일반 적으로 const { fetch } = loadEvent; 변수를 제어 하지 않을 시 ient.js?v=4a736c19:

layout data\+page.js\+page.svelte\+layout.svelteid\+layout.ts\+layout.svelte\+page.server.ts\+page.svelte결과 페이지http://localhost:5174/json-listhtt

\+layout.ts3개의 data 반환\+layout.svelte\+page.tsdepends: 데이터 변환 체크\+page.svelteinvalidte : 데이터 변환 시 적용결과 페이지

링크 data 요청"off" - 링크(data) 요청 안함"hover" - 링크에 마우스 호버 시 링크(data) 요청"tap" - 링크를 탭하거나 클릭할 때만 시 링크(data) 요청코드만 사전 요청"eager" - 링크가 바로 로드"viewport" 뷰포트에 들어

기본값 ture, 서버에서 먼저 실행 후 브라우저에서 실행prerender ture 시output 폴더에 prerender에 생성새로고침 할때 마다 변경exroutes/api/current-time/current-time.js\+page.js\+page.sveltedy

파일 위치 src/hooks.client.ts,js src/hooks.server.ts.js