[개발] svelte kit 3 일차

2개월 전

교육용 로깅

시작

npm init svelte@next my-app
cd my-app
npm install
npm run dev

라우팅

src/routes 폴더 기준으로 구성됨

페이지

  • .svelte 로 작성된 페이지를 로딩하는 방식. config.extentions 파일을 통해 해당 정볼르 지정할 수도 있음.
  • src/routes/index.svelte 파일이 site 의 root 파일임 - / 로 라우팅 됨
  • src/routes/about.svelte 파일을 작성한 경우 /about 로 라우팅 됨

json 처리

/blog/[slug].json 형태와 같이 접속한 경우 /blog/[slug].json.js 파일 내 아래와 같이 get 또는 post 함수를 지정 후 ( delete 의 경우 del .. ) 아래와 같이 지정하면 리턴 된 결과를 json 으로 넘겨줄 수 있음

export async function get({params}){
  return {
    body : {
      content : '123'
    }
  };
}

static 자원

static 폴더 아래로 자원을 올리면 /static/test/test.png 또는 /test/test.png 로 접근 가능 (후자 추천)

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
STEEMKR.COM IS SPONSORED BY
ADVERTISEMENT
Sort Order:  trending

@wonsama transfered 2 KRWP to @krwp.burn. voting percent : 13.37%, voting power : 48.82%, steem power : 1873688.02, STU KRW : 1200.
@wonsama staking status : 1793.429 KRWP
@wonsama limit for KRWP voting service : 1.793 KRWP (rate : 0.001)
What you sent : 2 KRWP
Refund balance : 0.207 KRWP [59017906 - 0111f759a871e16edb248a631276af24e9408670]