# svelte
교내 동아리 해커톤을 마치고나서
필자는 그동안 프로젝트 경험이 없었다. 그래서 항상 포트폴리오로 기능할 수 있는, 그리고 협업 경험을 쌓을 수 있는 프로젝트에 대한 갈망이 있었다.그래서 2019년 하반기, 교내 프로그래밍 동아리에 들어가게 되었고, 꽤 좋은 사람들과 긴 시간 협업하면서 만들어낸 프로젝
[Svelte] Svelte 기본설정
Svelte는 사용자 인터페이스를 구축하는 근본적인 새로운 접근 방식입니다. React 및 Vue와 같은 기존 프레임 워크는 브라우저 에서 작업의 대부분을 수행하는 반면 Svelte는 해당 작업을 앱을 빌드 할 때 발생 하는 컴파일 단계로 전환합니다.
[svelte] SCSS 스타일 에러 해결 방법
vscode에서 발생하는 스타일 에러 해결 방법..main.scss에서 작성한 color에 에러가 뜨는게 보인다.변수가 스타일태그 내부에 정의가 안됐다고 나오는데 실제 빌드 결과에는 영향이 없다.하지만 방치하면서 코딩하긴 불편하니 해결해보자..snowpack.confi
[svelte] props
Props 스벨트에서는 자식컴포넌트에 props 전달할때 문법을 사용한다. 전달해줄 값을 export하면 끝 (리액트에서의 export와는 다르다..) > App.svelte >Hello.svelte > Spread Props 많은 양의 Props를 하위 컴포넌
svelte의 reactivity(반응성) 소개
svelte의 3가지 특징 중에서 Write less codeno Virtual domTruly reactive가장 체감이 되는 부분은 아마도 reactive 즉 반응성이 아닐까 생각한다. 이 반응성이란 호출해서 어떤 액션을 발생하는 것이 아니고, 미리 어떤 값을 선언
svelte 온라인강좌 제작 후기
이글은 '만들면서 배우는 svelte' 라는 인프런 강좌 제작 후기이다. 올초 까지만 해도 svelte를 주제로 해서 강좌를 만들지는 몰랐다. 원래는 vue+meteor로 강좌를 준비하던 중이었지만, 갑자기 svelte에 훅 빠져서 어쩌다 보니 온라인 강좌까지 만들게
Sapper - Svelte의 SSR 버전인가?
바로 전 Svelte를 설치하고 ie지원이 안되서 중도포기했었다.새로운 자바스크립트 프레임워크를 찾던 중 시간이 얼마 지나지않아React.js에서 Webpack의 조잡한 설정으로 구현했던 SSR(Server Side Rendering)이기본지원되는 Svelte에서 만든
Svelte 설치
먼저 Svelte를 설치해야겠지. Svelte 공식 사이트의 [Quick Start Guide]를 참조하자. 터미널에서 degit을 이용해서 Svelte 프로젝트 템플릿 다운로드 및 initialize. $ npx degit sveltejs/template svelt
introduce
어느 한 기업의 프로젝트에 투입하여 심박수 측정데이터에 관련된 장치의 연구 및 개발단계에서 관리자페이지 대시보드 개발을 맡게 되었다.. 이미 SpringBoot로 백엔드 Api는 개발진행이 80%이상 되었고, Front-end에 관련해 시작할 프레임워크를 지정해주지
Svelte#2 - Svelte + graphQL + apollo
Svelte기능중에 slot 및 graphQL과 같이 쓴 포스트는 아직까지는 다른 svelte관련 자료들에 비해 양이 적은거 같아 이 포스트에서는 가상의 event list Data를 Graphql로 받아와서 Svelte기능중 Slot을 사용해 테스트해본 기록을 해보자
Svelte#1 - Svelte scss/eslint 관련 vscode 설정
svelte관련해서 scss와eslint를 설정 하다가 좀 애먹은 부분이 있어서 공유 및 기록한다.
svelte가 빠른 이유
svelte에서는 angular, vue, react등 수 많은 reactive 프레임워크는 진정한 reactive가 아니라고 한다. 왜냐하면 가상 돔의 존재때문인데, 변경사항을 가상 돔에 반영하고 그 이후에 진짜 돔에 반영하기 때문이다. 가상돔에 반영하고 가상돔에서 변경된 사항을 비교해서 실제 어느 돔에 반영해야 할지 결정한다. 이러한 과정들이 진짜 돔...