목록프로그래밍/Svelte Kit (2)
처음부터 차근차근
svelte 정리2
routes 스벨트는 file-based routing 프레임워크이다. 즉 routing을 따로 해줄 필요가 없고 routes 폴더 아래에 파일을 생성하면 그것이 곧 경로가 된다. +page.svelte 루트 페이지(메인 페이지)이다. login 폴더 밑에 이 페이지를 만들면 도메인/login 이라고 쳤을 때 페이지가 나온다. id로 routing 할 때 book/{id}이런식으로 할려면 폴더이름을 [id]이렇게 만들어야한다. +page.js -data 가져와서 page에 전달하는 역할을 한다 -서버와 브라우저 모두 작동 -ssr, csr 모두 지원 -구현 방법 1. +page.js export const load = async () => { const posts = await fetch('https:/..
프로그래밍/Svelte Kit
2023. 5. 16. 10:03
svelte 정리
스벨트 시작 1. node js 설치 2. 명령어 입력 npx degit sveltejs/template 앱이름 cd 앱이름 npm install npm run dev svelte 파일 전체적인 구조 나는 {name} {name = '김모모'}}> 자바스크립트로 변수를 선언하고 html 부분에서 그 변수를 사용 문법 :$ 재랜더링하는 키워드. 재랜더링할 변수 맨 앞에다 작성 {#each 배열 as 변수} {변수} {/each} 반복문 {if 조건} hi {/if} 조건문 전역변수 만드는 방법 aa.js export let my_num = writable(변수값); bb.svelte {$my_num}
프로그래밍/Svelte Kit
2023. 5. 15. 12:55