HEROPY
Students
4,194
Reviews
221
Rating
4.9
์๋
ํ์ธ์~ ๋ฐ๊ฐ์ต๋๋ค!
์ ๋ ํ์ฌ ์์ ์คํํธ์
์์ ๊ธฐ์
๊ด๋ฆฌ ์๋ฃจ์
์ ๊ฐ๋ฐํ๊ณ ์๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ๋ฐ์์
์
๋๋ค.
HEROPY ๊ธฐ์ ๋ธ๋ก๊ทธ๋ฅผ ์ด์ํ๊ณ ์๊ณ ,
๊ทธ ์ธ ๊ธฐ์
์ถ๊ฐ์ด๋ ์จ/์คํ๋ผ์ธ ๊ฐ์ ํ๋๋ ํ๊ณ ์์ต๋๋ค.
Blog: https://heropy.blog
Youtube: https://www.youtube.com/channel/UCcjhMpoaNvyy0StN9KgtF6w
Email: thesecon@gmail.com
Courses
Reviews
- Svelte.js Beginner's Guide
- Svelte.js Beginner's Guide
- Svelte.js Beginner's Guide
Posts
Q&A
์๋ฌ๊ฐ ๋์ ์ง๋ฌธ์ฌ๋ฆฝ๋๋ค.
sjh971009 ๋ ์๋ ํ์ธ์.์๋ฌด๋๋ ๋ฒ์ ๋ฌธ์ ๋๋ฌธ์ธ ๋ฏํฉ๋๋ค.์ง๊ธ์ ๊ฐ์์์ ์ค๋ช ํ๋ ํ ํ๋ฆฟ ๋์ Vite.js๋ฅผ ์ฌ์ฉํ์๋ ๊ฑธ ์ถ์ฒํฉ๋๋ค.๋ค์๊ณผ ๊ฐ์ด ๊ฐ๋จํ๊ฒ ํ๋ก์ ํธ๋ฅผ ์์ํ์ค ์ ์์ต๋๋ค.cd npm create vite@latest . > Svelte ์ ํ > TypeScript ํน์ JavaScript ์ ํ npm i npm run dev
- 1
- 1
- 172
Q&A
div์ on:click ์ด๋ฒคํธ ๋ถ์ผ ๋ on:key์ ๊ด๋ จ๋ ์ด๋ฒคํธ๋ฅผ ๊ฐ์ด ์ฌ์ฉํด์ผํ๋์?
์น ์ ๊ทผ์ฑ ๋ด์ฉ์ด Svelte ๋ฌธ๋ฒ ๋๊ตฌ์ ์ ์ฉ๋๋ฉด์ ๋ณด์ฌ์ง๋ ๋ด์ฉ ๊ฐ์ต๋๋ค.๋ฌธ๋ฒ ๋๊ตฌ๋ฅผ ๋ง๋๋ ์ฌ๋๋ค ์ค ๋๊ตฐ๊ฐ ์ถ๊ฐํ๊ณ , ๋ฌธ์ ๊ฐ ๋๋ฉด ๋ ๋๊ตฐ๊ฐ ์ ๊ฑฐํ๊ธฐ๋ ํด์ ๋ฒ์ ๋ง๋ค ์ํฉ์ด ์กฐ๊ธ์ฉ ๋ค๋ฅผ ์ ์๋๋ฐ์.ํต์ฌ์, DIV๋ ๋ํ์ ์ธ ๋น๋ํํ(Non-interactive) ์์๋ผ ํค๋ณด๋ ์ด๋์ด๋ ํฌ์ปค์ค๊ฐ ๋์ง ์์ผ๋, ๋ง์ํ์ BUTTON ํน์ INPUT ์ฒ๋ผ ๋ํํ ์์๋ฅผ ์ฌ์ฉํ๋ผ๋ ์๋ฏธ์ ๋๋ค.๊ทธ๋ฐ๋ฐ ์ด๊ฒ ์น ์ ๊ทผ์ฑ ์ธก๋ฉด์์ ์ค์ํ ๋ถ๋ถ์ธ๋ฐ, ํ์ค์ ์ผ๋ก ์ ์ฉํ๊ธฐ ์ฝ์ง ์์ต๋๋ค.๊ทธ๋์ ๊ผญ ๋ํํ ์์๋ฅผ ์ฌ์ฉํ์ง ์์๋ ํด๊ฒฐํ ์ ์๋ ๋ถ๋ถ์, ํค๋ณด๋ ์ด๋์ด๋ ํฌ์ปค์ค๊ฐ ๊ฐ๋ฅํ๋๋ก ๋ง๋๋ ๊ฒ๋๋ค.๊ทธ๋์ ์์์ tabindex="0" role="button" ์์ฑ์ ์ถ๊ฐํ์๋ฉด DIV๋ฅผ ๊ทธ๋๋ก ์ฌ์ฉํ์ค ์ ์์ ๊ฒ๋๋ค.
- 1
- 1
- 867
Q&A
cdn์ง์๊ณผ ํ๋ก ํธ์๋ ํ๋ ์์ํฌ๋ ๋ฌด์จ ์๊ด๊ด๊ณ๊ฐ ์๋์?
์๋ ํ์ธ์ :D์ต๋ํ ์ดํดํ๊ธฐ ์ฝ๊ฒ ์ ๋ฆฌํด ๋ณผ๊ฒ์.React๋ Vue ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํด ์์ฑํ ์ฝ๋๋ ๋ณ๋์ ์ฒ๋ฆฌ ์์ด ๋ธ๋ผ์ฐ์ ์์ ๋ฐ๋ก ๋์ํ ์ ์์ต๋๋ค.์ฒ์๋ถํฐ ๊ทธ๋ ๊ฒ ์ค๊ณ๋์ด ๋ง๋ค์ด์ก๊ณ , ๊ทธ๋ฌ๋ ๊ธฐ๋ณธ์ ์ผ๋ก๋ ํ๋ ์์ํฌ๋ฅผ CDN์ผ๋ก๋ง ์ฐ๊ฒฐํด๋ ์ ํ ๋ฌธ์ ์์ด ์ ๋์ํฉ๋๋ค.ํ์ง๋ง, Svelte ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํด ์์ฑํ ์ฝ๋๋ ๋ธ๋ผ์ฐ์ ์์ ๋ฐ๋ก ๋์ํ ์ ์๊ณ ๋์์ด ๊ฐ๋ฅํ๋๋ก ํ ๋ฒ ๋ณํํด ์ค์ผ ํฉ๋๋ค. Svelte๋ ๊ทธ ๊ณผ์ ์ '์ปดํ์ผ'์ด๋ผ๊ณ ๋ถ๋ฅด๊ณ , ๊ทธ ๋ณํ๋ ๊ฒฐ๊ณผ ํ์ผ์ด ๋ธ๋ผ์ฐ์ ์์ ๋์ํ๋ ๊ฒ๋๋ค.ํน์, '๋ณํ์ ๋ธ๋ผ์ฐ์ ์์ ํ๋ฉด ๋์ง ์๋๋' ๋ผ๊ณ ์๊ฐํ์ค ์ ์๋๋ฐ์.Svelte๋ ๋ธ๋ผ์ฐ์ ์์ ๋์ํ๋ ๊ฒฐ๊ณผ๋ฅผ ์ด๋ ๊ฒ ๋ฐ๋ก ๋ง๋ค์ด ์ ๊ณตํ๋ ๋ฐฉ์์ ์ฐ๊ธฐ ๋๋ฌธ์, React๋ Vue๋ณด๋ค ํจ์ฌ ๊ฐ๋จํ ๋ฌธ๋ฒ์ ์ ๊ณตํ๊ณ ๋ฉ๋ชจ๋ฆฌ๋ ์ ๊ฒ ์ฌ์ฉํ๋ ํจ์ฌ ๋นจ๋ผ์ง ์ ์์ต๋๋ค.(๊ฐ๋ฐํ๋ ์ฝ๋๊ฐ ๋ฐ๋ก ์๊ณ , ๋์ํ๋ ์ฝ๋๊ฐ ๋ฐ๋ก ์๋ ๊ฑฐ์ฃ )๋์ CDN์ ์ฌ์ฉํ ์ ์๋ค๋ ๋ถํธํจ๋ ์์ง๋ง, ์ฌ์ค์ ์ด๊ฒ ๋ ๋ฐ์ ๋ ๊ฐ๋ฐ ๋ฐฉ์์ด๋ผ๊ณ ๋ณผ ์ ์์ต๋๋ค.์ฐธ๊ณ ๋ก React๋ Vue๋ SFC๊ฐ์ด Svelte์ ์ ์ฌํ ์ปดํ์ผ ๋ฐฉ์์ ๊ฐ๋ฐ์ '์ง์'ํ๊ณ ์์ต๋๋ค.(Svelte๊ฐ ๋จผ์ ์์ํ ๋ฐฉ์์ ๋น์ฐํ ์๋๊ณ , '์ปดํ์ผ ๋ฐฉ์์ ์ฅ์ ์ ์ต๋ํ ํ์ฉํด ๋ง๋ค์ด์ง ํ๋ ์์ํฌ' ๋ผ๊ณ ์ดํดํ์๋ฉด ์ฝ์ต๋๋ค)์ฌ๋ฌ ํ๋ ์์ํฌ๊ฐ ๊ธฐ๋ณธ ์๋ฆฌ๋ ๋น์ทํ๋ฐ, ์ด๋ ๊ฒ ์๋ก ์กฐ๊ธ์ฉ ๋ค๋ฅธ ์ฅ๋จ์ ์ ๊ฐ์ง๊ณ ์์ต๋๋ค.
- 1
- 1
- 717
Q&A
์๋ ํ์ธ์
Sveltekit ๋์๊ฐ.. ์์์ง๋ ๋ชจ๋ฅด๊ฒ ๋ค์..์ ๊ทธ๋๋ ์ด๋ฒ์ Sveltekit ์ผ๋ก ๊ฐ์ธ ํ๋ก์ ํธ๋ฅผ ์ค๋นํ๊ณ ์์ต๋๋ค.ํ์คํ ์ ๋ณด๊ฐ ๋ง์ด ์๊ธด ํ๋ฐ, ์กฐ๊ธ์ฉ ์จ๋ณด๋ ์ ๋ง๋ค์๋ค๊ณ ์๊ฐ์ ๋ค์ด์.์ถํ์ ๋ง๋ฌด๋ฆฌ๊ฐ ๋๋ฉด ๋ชจ์ ์ ๋ณด๋ก ๊ฐ์๋ฅผ ๋ง๋ค๊น ์๊ฐํ๊ณ ๋ ์๋ค์.
- 1
- 1
- 455
Q&A
snowtemplate ๋ฅผ ์ค์นํ๋์ค์ ์๋ฌ๊ฐ ๋ฐ์ํฉ๋๋ค.
์ค์ฑ๋ฌต ๋ ์๋ ํ์ธ์.๐๋ง์ํ์ ๊ฒ์ฒ๋ผ ๊ฐ์ ์ดฌ์ ์๊ฐ์ด ๋ง์ด ํ๋ฌ์ ํจํค์ง ์ค์น๋ฅผ ์ต์ ์ผ๋ก ์งํํ์ ๋ ๋ฌธ์ ๊ฐ ๋๊ธฐ ์ฝ๋ค์.์ฐ์ ์ง๊ธ์์ ๊ฐ์ฅ ์ถ์ฒํ ์ ์๋ ๋ฐฉ๋ฒ์, ์์ฑ๋ ์์ ์ ๊นํ ์ ์ฅ์(https://github.com/HeropCode/Svelte-Movie-app)์ package.json ํ์ผ์ ๊ทธ๋๋ก ์ฌ์ฉํด์ npm install ์ ํ๋ ๊ฒ๋๋ค.๊ทธ๋ฌ๋ฉด ์ต์ํ์ ํ๊ฒฝ์ ์ผ์น์ํฌ ์ ์์ต๋๋ค.๊ทธ ์ธ์ Node.js๋ NPM ๋ฒ์ ๋ ์ผ์นํด์ผ ํ ์ ์๋๋ฐ, ์์ฝ๊ฒ๋ ๋น์์ ์ ํํ ๋ฒ์ ์ ์ ๊ฐ ๋ฐ๋ก ๋ช ์๋ฅผ ํ์ง ์์๋ค์.
- 1
- 1
- 472
Q&A
๊ฐ์ ์์ค ์ฝ๋
๋ค ์๋ ํ์ธ์.๋ค์ ๋งํฌ์์ ์์ ๋ฅผ ํ์ธํ์ค ์ ์์ต๋๋ค.https://github.com/HeropCode/Svelte-Trello-apphttps://github.com/HeropCode/Svelte-Movie-app
- 1
- 2
- 613
Q&A
todo ์์ ์์ ์คํ ์ด๋ฅผ ์ฌ์ฉํ์ค๋ ๋ฐ๋ก stores.js ๋ฅผ ์ฌ์ฉํ์ง ์๊ณ ๋ฐ๋ก App.svelte์์ ์คํ ์ด ๊ฐ์ฒด๋ฅผ ์์ฑํ์ ์ด์ ๊ฐ ์๋์
์๋ ํ์ธ์.๊ฐ์๋ฅผ ์ ๋ด์ฃผ์ ์ ๊ฐ์ฌํด์ :D๋ง์ํด์ฃผ์ ๊ฒ์ฒ๋ผ ๊ฐ๋จํ ์์ ์ด๊ธฐ ๋๋ฌธ์ ๋ณ๋์ ํ์ผ์ ๋ง๋ค์ง ์์์ ๋ฟ์ด๊ณ ์.๊ทธ๋ฆฌ๊ณ Svelte์ ์ฅ์ ์ด๋ผ๋ฉด, Store ๊ธฐ๋ฅ์ ๋ด์ฅํ๊ณ ์๊ธฐ ๋๋ฌธ์ ์ปดํฌ๋ํธ ๋จ์์์๋ ์ถฉ๋ถํ ์ฌ์ฉํ ์ ์๋ค๋ ๊ฒ์ ๋ณด์ฌ๋๋ฆฌ๋ ์ฉ๋์๋ค์.๊ฒฐ๊ตญ 2๊ฐ์ง ๋ชจ๋ ํด๋นํฉ๋๋ค.์ดํ ๊ฐ์์์๋ ์ญ์ ๋ง์์ฒ๋ผ ๋ณ๋๋ก Store๋ฅผ ๊ด๋ฆฌํ๋ ์ฐธ๊ณ ํด์ฃผ์ธ์ฉ~
- 1
- 1
- 334
Q&A
aws ec2 ๋ฐฐํฌ์ ์ง๋ฌธ
๋ค ์๋ ฌ ๋ ์๋ ํ์ธ์๐1. ์ด๋ค ๋ฒ๋ค๋ฌ๋ฅผ ์ฌ์ฉํ๋ ๋น๋ ๋ช ๋ น์ผ๋ก ๋ง๋ค์ด์ง๋ ๊ฒฐ๊ณผ ๊ตฌ์กฐ๋ ๊ฐ์ผ๋, ๋ง์ํ์ Nginx ๋ถ๋ถ๋ ๋ฌธ์ ์์ด ๋์ํ ๊ฒ ๊ฐ์์!2. ํ๋ก ํธ์๋ ํ๋ ์์ํฌ์ ๋ฐ์ดํฐ ํต์ ๋ฐฉ๋ฒ์ ๊ธฐ๋ณธ์ ์ผ๋ก ๊ด๋ จ์ด ์๊ธฐ ๋๋ฌธ์, ๋จ์ง ์ฃผ์ด์ง ํ๊ฒฝ๊ณผ ๊ธฐํ ์ํฉ์ ๋ง๊ฒ ๋ฐฉ๋ฒ์ ์ ํํ์๋ฉด ์ถฉ๋ถํด์. ๊ฒฐ๊ตญ ์ค๋ฒจํธ์ ์ ๋ง๋ ๋ฐฉ์์ด ๋ฐ๋ก ์์ง ์์ต๋๋ค. ๋ค๋ฅธ ํ๋ ์์ํฌ๋ ๋ง์ฐฌ๊ฐ์ง์ ๋๋ค.
- 1
- 2
- 837
Q&A
vite ์ฌ์ฉํ๋ ์์ ์ถ๊ฐ ๊ณํ์ ์์ผ์ค๊น์?
๋ค jamesome ๋ ์๋ ํ์ธ์.์์ฝ๊ฒ๋ Vite ๊ธฐ๋ฐ ๊ฐ์๋ ์์ง ์ถ๊ฐํ ๊ณํ์ด ์๋ค์.ํน์ Sveltekit์ ์ฌ์ฉํด๋ณด์๋ ๊ฒ๋ ๊ฐ์ด ๊ณ ๋ฏผํด๋ณด์๋ฉด ์ด๋จ๊น ํด์.https://kit.svelte.dev/
- 2
- 1
- 405
Q&A
ํฐ๋ฏธ๋์์ npx๋ฅผ ์น์ค ๋ ํ๋ฆฐ์์ผ๋ก ๊ฐ์ด๋์ฒ๋ผ ๋์ค๋๊ฑด ์ด๋ป๊ฒ ํด์ผ ํ๋์?
limewhale ๋ ์๋ ํ์ธ์.์ ๊ฐ ํฐ๋ฏธ๋์์ ์ฌ์ฉํ๋ ์๋ ์์ฑ ๋๊ตฌ๋ zsh-autosuggestions ์ ๋๋ค.๋งํฌ ์ฒจ๋ถํ๋ ํ์ธํด๋ณด์ธ์ฉ~https://github.com/zsh-users/zsh-autosuggestions
- 1
- 1
- 347




