Svelte - 설치 및 실행 방법

목록

• Introduction
• Set Up
• Conclusion
• Reference

📌 Introduciton

안녕하세요. 오늘은 요즘 한창 뜨고 잇는 svelte에 대해서 알아보겠습니다. 사실 이걸 접하게 된 계기는 실제로 svelte에 contribution을 해보고 싶어서 svelte을 공부하게 되었습니다. 아마 마지막 챕터에서는 실제로 contribute을 해보는 그런 단계가 이 블로그에 적혀있으면 좋겠네요. 그럼 이제 한번 시작해볼게요.

📌 Set Up

Svelte을 시작하는 방법에는 두가지 방법이 있습니다. 하나는 REPL이라는걸 이용하는 건데요. 이걸 이용하면 codebox처럼 인터넷에서 svelte을 사용할수 있어요. 두번째 방법은 digit을 이용하는 방법입니다.(CRA나 vue-cli같은 툴이예요.) 오늘은 두번째 방법을 한번 사용해보겠습니다.

일단 react와 vue처럼 글로벌로 설치를 해줘야해요.

npm install -g degit

digit을 설치하셨다면

npx degit sveltejs/template my-svelte-project
cd my-svelte-project
npm install
npm run dev

해당 app은 localhost:5000에 있을거예요. 이렇게 간단하게 첫 svelte app을 실행을 시킬수 있습니다. 참 쉽죠? 그리고 아마 한번 실행을 해본뒤에 엄청난 일을 마주할거예요. 그거슨 어마어마한 compile speed입니다. 저는 처음 깜짝 놀랐어요. 저의 컴퓨터도 성능이 좋긴하지만 이렇게 빠르게 띄워지는 app은 처음 보거든요.

📌 Conclusion

이렇게 한번 svelte에 대해서 알아보게 되었습니다. 처음 단계는 간단하게 svelte app을 한번 실행을 시켜보았습니다. 그럼 다음 포스팅에서 만나요~ 안녕!

📌 Reference

• svelte blog