메로그

스벨트에서 innerHTML 사용방법 @html 키워드를 이용하여 innerHTML 과 같이 사용할 수 있음. {@html h1}

svelte.dev svelte 에서 제공하는 간단한 컴퓨팅 환경으로 https://svelte.dev/repl/ 로 들어가면 별도의 설치없이 브라우저에서 스벨트를 경험할 수 있다. 코드를 수정하면, Result 의 결과값이 바로 반영되는 것을 볼 수 있고 자신의 깃허브로 로그인하여 실제로 저장하거나, 깃허브에 fork 까지 할 수 있다. Result 말고도 실제로 js 로 어떤 식으로 파싱되었는지, 어떤 형태인지 전부 알 수 있기 때문에 간단한 컴퓨팅 환경이지만, 유용하게 사용할 수 있으니 스벨트를 처음 시작하는 사람들이라면 한 번 사용해보자.

Svelte 뭔가.. Svelte 가 뜰 것 같다.. 미리 공부를 좀 해보자.... 다른 프레임워크, 라이브러리와 달리 프론트 엔드 컴파일러입니다. 다른 프레임워크들과 달리 빌드된 시점에 스벨트 코드를 순수 자바스크립트로 변환하여 프레임워크의 문제점인 용량(다른 라이브러리들이 번들에 포함되지 않아 용량이 적음), 속도(예를 들어 첫 로드되는 화면이 다른 SPA 프레임워크보다 빠름)의 문제가 해결되는 장점이 있다. Svelte 를 사용하면 이런게 좋아요. 적은 코드로 작성할 수 있다 (다른 프레임워크들에 비해.) 높은 가독성 (html, css, js) 작은 번들 (라이브러리 빠지고 순수 자바스크립트 용량만 있음.) 낮은 러닝 커브 (다른 React, Vue, Angular 에 비해 쉬움.) 가성돔 사용하..