🏁 Programming/Svelte

[Svelte] VS Code에 환경 세팅하기

2022.03.22

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..

[Svelte] Svelte란?

2022.03.17

2021년 Stack Overflow 개발자 설문조사 결과에서 1위를 차지한, 개발자에게 가장 사랑받는 웹 프레임워크로 뽑힌 Svelte(스벨트)에 대해 알아보자. 이 글에서는 Svelte가 무엇인지, 그리고 어떻게 동작하는지, React와는 무엇이 다르고 어떻게 React보다 빠른지에 대해 포스팅해보려 한다. Svelte 란? 빠른 웹 어플리케이션을 구축하기 위한 도구 · 오픈 소스 프론트엔드 웹 프레임워크 Svelte(스벨트)는 2016년 출시된 오픈 소스 프론트엔드 웹 프레임워크로, 빠른 웹 어플리케이션을 구축하기 위한 툴이다. Interactive한 사용자 인터페이스를 구축한다는데 있어 React나 Vue와 같은 JavaScript 프레임워크, 라이브러리와 유사하다. Svelte 컴포넌트는 3가지..

[Svelte] VS Code에 환경 세팅하기

[Svelte] Svelte란?

티스토리툴바