Svelte.js ์ ๋ฌธ ๊ฐ์ด๋
2์๊ฐ์ด ๋๋ ์ ๋ฌธ์๋ฅผ ์ํ Svelte.js ๋ฌด๋ฃ ๊ฐ์!!
- ๋ฏธํด๊ฒฐ
div์ on:click ์ด๋ฒคํธ ๋ถ์ผ ๋ on:key์ ๊ด๋ จ๋ ์ด๋ฒคํธ๋ฅผ ๊ฐ์ด ์ฌ์ฉํด์ผํ๋์?
visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress eventdiv์ on:click๋ฅผ
sveltebest fat person
ใป
1
905
1
- ๋ฏธํด๊ฒฐ
cdn์ง์๊ณผ ํ๋ก ํธ์๋ ํ๋ ์์ํฌ๋ ๋ฌด์จ ์๊ด๊ด๊ณ๊ฐ ์๋์?
cdn์ด ๋คํธ์ํฌ ์๋๋ฅผ ๋น ๋ฅด๊ฒ ํ๊ธฐ ์ํด์ ๋ฌผ๋ฆฌ์ ์ผ๋ก ๊ฐ๊น์ด ์๋ฒ๋ฅผ ์ ๊ณตํ๋ ๊ฒ์ด๋ผ๊ณ ์๊ณ ์์ต๋๋ค.๊ทผ๋ฐ svelt์์ ์ง์ํ๋ ๊ฒ๊ณผ ๋ณ๊ฐ๋ก ๋ง๋ค์ด์ง ๋์ , ์ ์ ํ์ผ์ ์์น๋ฅผ ์กฐ์ ํ๋ ๊ฒ์ ๋ถ๊ณผํ ๊ฒ์ด๋ผ๊ณ ์๊ฐ์ด ๋ญ๋๋ค.์ฌ๊ธฐ์ svelt
sveltecdnjinbekim
ใป
1
779
1
- ํด๊ฒฐ
์๋ ํ์ธ์
์๋ ํ์ธ์ Svelte ๊ณต๋ถ๋ฅผ ํ๊ณ ์๋ ๊ฐ๋ฐ์์ ๋๋ค.๋ค๋ฆ์ด ์๋๋ผ ์ด๋ฒ์ ํ์ฌ์์ SvelteKit ๋ฅผ ์ฌ์ฉํ๋ ค๊ณ ํ๋๋ฐํน์ ์ถ์ฒํด์ค ์ฑ ์ด ์์๊น์??Svelte ๊ธฐ๋ฐ์ผ๋ก ๋์ด ์๋ค๊ณ ํด๋ ์ฝ๋ ์์ฑ ๋ฐฉ์์ด ๋ค๋ฅธ ์์ด๋ผ ํน์
svelteansd3073
ใป
1
488
1
- ๋ฏธํด๊ฒฐ
todo ์์ ์์ ์คํ ์ด๋ฅผ ์ฌ์ฉํ์ค๋ ๋ฐ๋ก stores.js ๋ฅผ ์ฌ์ฉํ์ง ์๊ณ ๋ฐ๋ก App.svelte์์ ์คํ ์ด ๊ฐ์ฒด๋ฅผ ์์ฑํ์ ์ด์ ๊ฐ ์๋์
์๋ ํ์ธ์.์ฐ์ ์ข์ ๊ฐ์ ๊ฐ์ฌํฉ๋๋ค.์ค๋ฒจํธ์ ์ง์ ์ ์ผ๋ก ๊ด๋ จ์ด ์๋ ์ง๋ฌธ์ผ ์๋ ์์๊ฑฐ ๊ฐ์๋ฐ์. ๊ทธ๋๋ ๊ถ๊ธํด์ ์ฌ์ญค๋ด ๋๋ค!!๋ง์ง๋ง์ todo ์์ ์์ ์ด์ ์ store ์ฌ์ฉํ์ค๋์ ๋ฌ๋ฆฌ store.js ํ์ผ์ ๋ฐ๋ก ์์ฑํด
sveltexolovesjoo36
ใป
1
363
1
- ๋ฏธํด๊ฒฐ
๋ค๋ฅธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ํตํฉ ๋๋ ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ svelte๋ก ๋ถ๋ฌ์ค๋ ๋ฒ.
๊ฐ์ฌ๋ svelte๊ฐ ๋๋ฌด๋ ํธํ๊ณ ๋ฌด์์ธ๊ฐ ๊ฐ๋ฐํ๊ธฐ์ ๊ฐํธํ ๊ฒ์ ์ฌ์ค์ ๋๋ค๋ง, ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ญํ ์ ์์ง ๋ฆฌ์กํธ์ ์ ์ด์ฟผ๋ฆฌ๋ฅผ ๋์ฒดํ๊ธฐ ํ๋ค๋ค๊ณ ์๊ฐํฉ๋๋ค. ๊ทธ๋์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ ์ ๊ณต๋๋ ๊ฒ๋ค์ ๊ฐ์ ธ์์ ์ฐ๊ณ &nbs
svelte๋ฏผ์ฅ
ใป
1
1,133
1
- ๋ฏธํด๊ฒฐ
์ค๋ฒจํธ + ๋ฐฑ์๋๋ ์ด๋ปํ ํํ๋ก ๊ตฌ์ฑ์ ๋ง์ด ํ๋์?
์ง๋ฌธ ์์ต๋๋ค. ^^ 1. ์ค๋ฒจํธ๋ฅผ ๋์ ์ ๋ฐฑ์๋๋ ์ด๋ป๊ฒ ๊ตฌ์ฑ์ ํ๋์? apiํํ๋ก ๋ฐ์ดํ๋ฅผ ์ฃผ๊ณ ๋ฐ๋์ง ์๋๋ฉด ๋ค๋ฅธ ๋ฐฉ์์ด ์๋์ง์? ์ด๋ฐ ๊ฒ๊ณผ ๊ด๋ จ๋ ๊ฐ์๋ ๋ฌด์์ด ์๋์ง์? ๊ฐ์คํ
svelte๊ฐ์น์ถ
ใป
1
1,787
1
- ๋ฏธํด๊ฒฐ
์คํ ์ด๊ฐ์ฒด๋ฅผ ์ ๊ตณ์ด props๋ก ์ฐ๋๊ฑด๊ฐ์ฉ
๊ทธ๋ฅ ๊ถ๊ธํฉ๋๋น..
svelte๊น๋ํ
ใป
3
320
1
- ๋ฏธํด๊ฒฐ
props ๊ธฐ๋ณธ๊ฐ์ด true์ธ๊ฐ์?
props reverse์ ๋ช ์์ ์ผ๋ก true๋ false๋ ๊ฐ์ ์ฐ์ง์๊ณ ๊ทธ๋ฅ ์ปดํฌ๋ํธ์ props ์ด๋ฆ๋ง ์ฐ๋ฉด ๊ธฐ๋ณธ๊ฐ์ด true๊ฐ ๋๋๊ฑด๊ฐ์?
svelte์ตํ์ค
ใป
1
287
1
- ๋ฏธํด๊ฒฐ
ํน์ ์์ฝ์์คํ ์ ๋ํ ์ง๋ฌธ์ ํด๋ ๊ด์ฐฎ์๊น์?
- ํ์ต ๊ด๋ จ ์ง๋ฌธ์ ๋จ๊ฒจ์ฃผ์ธ์. ์์ธํ ์์ฑํ๋ฉด ๋ ์ข์
sveltesvelte๊น์ ํธ Kim
ใป
2
298
1
- ํด๊ฒฐ
ํ์ดํ ํจ์ ๊ด๋ จ ์ง๋ฌธ์ ๋๋ค.
<p style="box-sizing: border-box; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: -apple-system, system-ui, 'Segoe UI',
ํ์ดํํจ์svelte์ค๊ดํธ๋ฆฌ์
ใป
2
348
1
- ํด๊ฒฐ
bind ์ on:input, value ์ ์ฐจ์ด์ ์ ๋ํด ์ง๋ฌธ๋๋ฆฝ๋๋ค.
let text ๊ฐ ์ ์๋ ์ํฉ์์ -> bind๋ฅผ ์ฌ์ฉํ์ฌ ์๋ฐฉํฅ ๋ฐ์ธ๋ฉ์ ํด์ฃผ๋ ๋ฐฉ๋ฒ๊ณผ <
svelteJammy
ใป
2
544
1
- ๋ฏธํด๊ฒฐ
์ค์น๊ฐ ์๊พธ ์คํจํด์ใ ใ
npm err code ENOLOCAL npm err could not install from "๊ฒฝ๋ก" ['degit@latest'] ์ค์น๊ฐ ์ค๋ฅ ์ฝ๋ 1๋ก ์คํจํ์ต๋๋ค. ์ด๋ ๊ฒ๋จ๋ฉด์ npx ์ค๋ฐธํธ ์ค์น๊ฐ ์๋ฉ๋
svelte๋น๋ชจ
ใป
1
694
2
- ๋ฏธํด๊ฒฐ
๊ฐ์๊ฐ์ฌํฉ๋๋ค
์ข์ ๊ฐ์ ๋๋ฌด ๊ฐ์ฌํฉ๋๋ค ^^ ์ง๋ฌธ์ด์์ต๋๋ค todos ๋ ์คํ ์ด ๊ฐ์ฒด๋ก ์์ ์ํ์๋๋ฐ, ๊ทธ๋ฅ todo๋ ๋ฐ๋ก ์คํ ์ด๊ฐ์ฒด๋ฅผ ํ์ฉํ์ง์์๋ ์์ ์ด ๊ฐ๋ฅํ๋ถ๋ถ์ด ์ด์ง ์ดํด๊ฐ ์๋ฉ๋๋ค. ์ด๋ ์ด๋ค ์ผ์ด ์ผ์ด๋๊ณ ์๋๊ฑด๊ฐ์?
svelteJon
ใป
3
237
1
- ํด๊ฒฐ
Windows ์ฌ์ฉ์๋ npx ๋ช ๋ น์ด ์ 'git'์ ์ค์นํ์ ์ผ ํฉ๋๋ค.
์ง๋ฌธ์ ์๋๋ฐ, ์๋์ฐ ํ๊ฒฝ์์ ์ ์ฒ๋ผ ์ค๋ฅ๊ฐ ๋จ๋ ๋ถ์ด ๊ณ์ค ๊ฒ ๊ฐ์์์. node์ npm์ด ์๋์ ๊ฐ์ด ๋ชจ๋ ์ค์น๊ฐ ๋์ด์์์๋ <img src="https://cdn.inflearn.com/public/files/posts/4fb5
svelteOmnibus
ใป
3
744
1
- ๋ฏธํด๊ฒฐ
(์๋ฃ) npx ๋ช ๋ น์ด ์คํ ์, ์ค๋ฅ๊ฐ ๋ฐ์ํฉ๋๋ค.
์ญ์ ๋ ๊ธ์ ๋๋ค
svelteOmnibus
ใป
0
147
1






