# svelte

20개의 포스트
post-thumbnail

교내 동아리 해커톤을 마치고나서

필자는 그동안 프로젝트 경험이 없었다. 그래서 항상 포트폴리오로 기능할 수 있는, 그리고 협업 경험을 쌓을 수 있는 프로젝트에 대한 갈망이 있었다.그래서 2019년 하반기, 교내 프로그래밍 동아리에 들어가게 되었고, 꽤 좋은 사람들과 긴 시간 협업하면서 만들어낸 프로젝

2021년 1월 24일
·
0개의 댓글
post-thumbnail

[Svelte] Svelte 기본설정

Svelte는 사용자 인터페이스를 구축하는 근본적인 새로운 접근 방식입니다. React 및 Vue와 같은 기존 프레임 워크는 브라우저 에서 작업의 대부분을 수행하는 반면 Svelte는 해당 작업을 앱을 빌드 할 때 발생 하는 컴파일 단계로 전환합니다.

2021년 1월 14일
·
0개의 댓글
post-thumbnail

[svelte] SCSS 스타일 에러 해결 방법

vscode에서 발생하는 스타일 에러 해결 방법..main.scss에서 작성한 color에 에러가 뜨는게 보인다.변수가 스타일태그 내부에 정의가 안됐다고 나오는데 실제 빌드 결과에는 영향이 없다.하지만 방치하면서 코딩하긴 불편하니 해결해보자..snowpack.confi

2020년 12월 24일
·
0개의 댓글

SVELTE의 개선해야 할 점

스벨트야 애플 따라하지마 제발 뱁새가 황새 따라가다 가랑이 찢어진단다!

2020년 11월 16일
·
1개의 댓글
post-thumbnail

svelte Vscode로 시작하기.

![](https://im

2020년 11월 12일
·
0개의 댓글

[svelte] props

Props 스벨트에서는 자식컴포넌트에 props 전달할때 문법을 사용한다. 전달해줄 값을 export하면 끝 (리액트에서의 export와는 다르다..) > App.svelte >Hello.svelte > Spread Props 많은 양의 Props를 하위 컴포넌

2020년 10월 17일
·
0개의 댓글
post-thumbnail

svelte의 reactivity(반응성) 소개

svelte의 3가지 특징 중에서 Write less codeno Virtual domTruly reactive가장 체감이 되는 부분은 아마도 reactive 즉 반응성이 아닐까 생각한다. 이 반응성이란 호출해서 어떤 액션을 발생하는 것이 아니고, 미리 어떤 값을 선언

2020년 10월 6일
·
0개의 댓글
post-thumbnail

svelte 온라인강좌 제작 후기

이글은 '만들면서 배우는 svelte' 라는 인프런 강좌 제작 후기이다. 올초 까지만 해도 svelte를 주제로 해서 강좌를 만들지는 몰랐다. 원래는 vue+meteor로 강좌를 준비하던 중이었지만, 갑자기 svelte에 훅 빠져서 어쩌다 보니 온라인 강좌까지 만들게

2020년 9월 22일
·
0개의 댓글
post-thumbnail

Sapper IE 11 Support

Sapper에서 IE 11 지원이 안되는 상황을 정리한다.

2020년 6월 13일
·
0개의 댓글
post-thumbnail

Sapper - Svelte의 SSR 버전인가?

바로 전 Svelte를 설치하고 ie지원이 안되서 중도포기했었다.새로운 자바스크립트 프레임워크를 찾던 중 시간이 얼마 지나지않아React.js에서 Webpack의 조잡한 설정으로 구현했던 SSR(Server Side Rendering)이기본지원되는 Svelte에서 만든

2020년 6월 11일
·
0개의 댓글
post-thumbnail

Svelte 설치

먼저 Svelte를 설치해야겠지. Svelte 공식 사이트의 [Quick Start Guide]를 참조하자. 터미널에서 degit을 이용해서 Svelte 프로젝트 템플릿 다운로드 및 initialize. $ npx degit sveltejs/template svelt

2020년 6월 11일
·
0개의 댓글
post-thumbnail

introduce

어느 한 기업의 프로젝트에 투입하여 심박수 측정데이터에 관련된 장치의 연구 및 개발단계에서 관리자페이지 대시보드 개발을 맡게 되었다.. 이미 SpringBoot로 백엔드 Api는 개발진행이 80%이상 되었고, Front-end에 관련해 시작할 프레임워크를 지정해주지

2020년 6월 11일
·
0개의 댓글
post-thumbnail

svelte todo app

svelte todo app 을 만들어보고 주저리주저리

2020년 3월 15일
·
0개의 댓글
post-thumbnail

Svelte#2 - Svelte + graphQL + apollo

Svelte기능중에 slot 및 graphQL과 같이 쓴 포스트는 아직까지는 다른 svelte관련 자료들에 비해 양이 적은거 같아 이 포스트에서는 가상의 event list Data를 Graphql로 받아와서 Svelte기능중 Slot을 사용해 테스트해본 기록을 해보자

2020년 3월 4일
·
0개의 댓글
post-thumbnail

svelte store

svelte store 에 대한 내용 정리

2020년 3월 3일
·
4개의 댓글
post-thumbnail

Svelte#1 - Svelte scss/eslint 관련 vscode 설정

svelte관련해서 scss와eslint를 설정 하다가 좀 애먹은 부분이 있어서 공유 및 기록한다.

2020년 3월 3일
·
2개의 댓글
post-thumbnail

svelte life cycle (생명주기)

svelte life cycle

2020년 3월 2일
·
0개의 댓글
post-thumbnail

svelte 3

svelte 에 대해서 간략하게 정리

2020년 2월 29일
·
0개의 댓글

svelte가 빠른 이유

svelte에서는 angular, vue, react등 수 많은 reactive 프레임워크는 진정한 reactive가 아니라고 한다. 왜냐하면 가상 돔의 존재때문인데, 변경사항을 가상 돔에 반영하고 그 이후에 진짜 돔에 반영하기 때문이다. 가상돔에 반영하고 가상돔에서 변경된 사항을 비교해서 실제 어느 돔에 반영해야 할지 결정한다. 이러한 과정들이 진짜 돔...

2019년 10월 4일
·
0개의 댓글