๐ Programming/Svelte
VS Code์ Svelte ํ๋ก์ ํธ๋ฅผ ์์ํ ์ ์๋๋ก ํ๊ฒฝ์ ์ธํ
ํด๋ณด์ ** ์ธํ
ํ๊ธฐ ์ ์, ํ๋ก์ ํธ๋ฅผ ์์ํ ํด๋๋ฅผ ๋ง๋ค์ด ๋๋ค. 1. VS Code๋ฅผ ์คํํ ํ, ํฐ๋ฏธ๋์ ์ฐ๋ค. 2. ์๋จ์ 'ํ์ผ'์์ ๋ฏธ๋ฆฌ ๋ง๋ค์ด ๋ ํด๋๋ฅผ ์ฐ๋ค. 3. ํฐ๋ฏธ๋์ 'npm init svelte@next ~~~' ๋ฅผ ์
๋ ฅํ ํ, ์๋์ ๊ฐ์ด ์ค์ ํด์ค๋ค. (*~~~์๋ ์์ฑํ๊ณ ์ ํ๋ ํ๋ก์ ํธ ์ด๋ฆ) 4. ์๋จ์ 'ํ์ผ'์์ ๋ฐฉ๊ธ ์์ฑํ ํด๋๋ฅผ ์ฐ๋ค. 5. ํฐ๋ฏธ๋์ 'yarn' ๋ช
๋ น์ด๋ก yarn์ ์ค์นํ๋ค. (* npm ์ฌ์ฉํ ์ฌ๋์ npm install ๋ช
๋ น์ด ์ฌ์ฉ) 6. ์ผ์ชฝ์ ๋งจ ์๋ 'ํ์ฅ'์์ 'Svelte for VS Code' ํ๋ฌ๊ทธ์ธ์ ์ค์นํ๋ค. 7. src/routes ์ '__layout.svelt..
๐ Programming/Svelte
2021๋
Stack Overflow ๊ฐ๋ฐ์ ์ค๋ฌธ์กฐ์ฌ ๊ฒฐ๊ณผ์์ 1์๋ฅผ ์ฐจ์งํ, ๊ฐ๋ฐ์์๊ฒ ๊ฐ์ฅ ์ฌ๋๋ฐ๋ ์น ํ๋ ์์ํฌ๋ก ๋ฝํ Svelte(์ค๋ฒจํธ)์ ๋ํด ์์๋ณด์. ์ด ๊ธ์์๋ Svelte๊ฐ ๋ฌด์์ธ์ง, ๊ทธ๋ฆฌ๊ณ ์ด๋ป๊ฒ ๋์ํ๋์ง, React์๋ ๋ฌด์์ด ๋ค๋ฅด๊ณ ์ด๋ป๊ฒ React๋ณด๋ค ๋น ๋ฅธ์ง์ ๋ํด ํฌ์คํ
ํด๋ณด๋ ค ํ๋ค. Svelte ๋? ๋น ๋ฅธ ์น ์ดํ๋ฆฌ์ผ์ด์
์ ๊ตฌ์ถํ๊ธฐ ์ํ ๋๊ตฌ ยท ์คํ ์์ค ํ๋ก ํธ์๋ ์น ํ๋ ์์ํฌ Svelte(์ค๋ฒจํธ)๋ 2016๋
์ถ์๋ ์คํ ์์ค ํ๋ก ํธ์๋ ์น ํ๋ ์์ํฌ๋ก, ๋น ๋ฅธ ์น ์ดํ๋ฆฌ์ผ์ด์
์ ๊ตฌ์ถํ๊ธฐ ์ํ ํด์ด๋ค. Interactiveํ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๊ตฌ์ถํ๋ค๋๋ฐ ์์ด React๋ Vue์ ๊ฐ์ JavaScript ํ๋ ์์ํฌ, ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ ์ฌํ๋ค. Svelte ์ปดํฌ๋ํธ๋ 3๊ฐ์ง..
'๐ Programming/Svelte' ์นดํ
๊ณ ๋ฆฌ์ ๊ธ ๋ชฉ๋ก
๋จ์ถํค
๋ด ๋ธ๋ก๊ทธ
๋ด ๋ธ๋ก๊ทธ - ๊ด๋ฆฌ์ ํ ์ ํ |
Q
Q
|
์ ๊ธ ์ฐ๊ธฐ |
W
W
|
๋ธ๋ก๊ทธ ๊ฒ์๊ธ
๊ธ ์์ (๊ถํ ์๋ ๊ฒฝ์ฐ) |
E
E
|
๋๊ธ ์์ญ์ผ๋ก ์ด๋ |
C
C
|
๋ชจ๋ ์์ญ
์ด ํ์ด์ง์ URL ๋ณต์ฌ |
S
S
|
๋งจ ์๋ก ์ด๋ |
T
T
|
ํฐ์คํ ๋ฆฌ ํ ์ด๋ |
H
H
|
๋จ์ถํค ์๋ด |
Shift + /
โง + /
|
* ๋จ์ถํค๋ ํ๊ธ/์๋ฌธ ๋์๋ฌธ์๋ก ์ด์ฉ ๊ฐ๋ฅํ๋ฉฐ, ํฐ์คํ ๋ฆฌ ๊ธฐ๋ณธ ๋๋ฉ์ธ์์๋ง ๋์ํฉ๋๋ค.