# svelte

39개의 포스트
post-thumbnail

Svelte 프로젝트에 도입하기

친구에게 갈비탕값을 하기 위해서 급식 메뉴 투표 결과를 보여주는 프로젝트를 만들게 되었는데, 이번 기회에 svelte를 써보게 되었고, 경험하게된 것을 나누고자 합니다!

2일 전
·
2개의 댓글
post-thumbnail

왜 Virtual DOM 인가 ?

해당 글은 제 개인 블로그에서도 확인할 수 있습니다.다양한 게시물에서 React, Virtual DOM의 장점을 성능적인 면만 기술하고 있습니다.하지만 이는 절대적인 장점이 되지 않는다는 생각을 공유하고자 포스트를 남겨봅니다.Virtual DOM은 React 공식문서에

3일 전
·
0개의 댓글
post-thumbnail

2021 웹 프론트엔드 공부법 - 입문자편 (feat. svelte)

프롤로그 안녕하세요. 웹 프론트엔드 개발자가 되고 싶은데 무엇부터 해야 할지 막막한 사람들을 위 제가 비전공자 개발자 지망생에 가르쳤던 커리큘렴(?)을 되돌아 보며 2021년 맞춤식으로 다시 한번 정리해 보았습니다. node, npm 설치는 알아서 하시구요 gi

2021년 11월 27일
·
6개의 댓글
post-thumbnail

Svelte 기본

svelte는 bind 키워드를 통해서 양방향 바인딩을 쉽게 할 수 있다.push() / .splice() 같은 메소드 사용은 반응성을 갱신할 수 없다물론 사용한 원본 값을 바뀌겠지만, svelte는 대입문 = 을 통해 반응성을 반영특정 object에서 여러개 변경이

2021년 11월 19일
·
0개의 댓글
post-thumbnail

[Svelte] 스벨트를 써볼까?

주변에서 스텔브에 이야기가 들려 오고 있다. 늦게 듣는거 같기도 하다.장점으로는 빠르고 입문자들도 쉽게 할수 있다고 하는데쉬운 만큼 이 블로그의 첫 글을 스벨트 시작하려고 한다.장점1\. 리엑트나 뷰에 비해 빠르다. (가상 DOM을 쓰지 않아서 빠르다고 하는데 이유는

2021년 11월 2일
·
0개의 댓글
post-thumbnail

Custom Hook

Custom Hook은 기존의 다른 Hook들을 사용할수 있으면 정말 별거 없이 사용 할수 있다.여기서 겹치는 것들이 아주 많다. useState에서 뽑아온 상태가 useCallback에서 그대로 사용되었다. 이게 custom hook이다. 별거 없이 기존의 hook에

2021년 10월 8일
·
0개의 댓글

[svelte] 배경 지식

Svelte!

2021년 10월 7일
·
0개의 댓글
post-thumbnail

추석 연휴동안 스벨트로 삽질한 썰 풉니다.

올해 연휴 중 가장 긴 연휴였던 추석, 놀면 뭐하니? 스벨트와 새퍼로 정적 웹사이트 한번 만들어보자

2021년 9월 26일
·
0개의 댓글

Svelte tutorial (1) Reactivity

(변수는 html 내부에 선언)svelte 의 반응성 시스템은 앱의 state 와 DOM 의 싱크를 유지시킨다.반응성이란 선언된 state 의 상태에 따라서 특별한 호출 없이 HTML 영역 및 바라보는 변수들의 상태가 바로 변경되는 것이라고 생각하면 된다. 우리는 그저

2021년 9월 26일
·
0개의 댓글
post-thumbnail

Svelte

Reactive App 개발을 위한 새로운 접근법으로서, interactive한 유저 인터페이스를 구축한다는 데 있어 React나 Vue와 같은 JavaScript 프레임워크, 라이브러리와 비슷하다.그러나 기타 프레임워크(라이브러리)와 다른 차이점은, 1) 앱을 실행

2021년 9월 15일
·
0개의 댓글

Svelte with Google SpreadSheet Api

svelte with google spread sheet api

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

유튜브 채널 동영상 목록 가져오기 (a svelte app with YouTube Data API v3 to fetch videos on a channel)

YouTube Data API v3을 이용해서 유튜브 채널의 동영상 목록을 가져오는 svelte app입니다. API Key와 재생목록ID만 있으면 간편하게 영상 목록을 추출할 수 있는데요.우선 Google Cloud Platform의 "API 및 서비스" > "사용자

2021년 8월 31일
·
0개의 댓글
post-thumbnail

SVELTE 시작하기/스벨트 시작하기

스벨트 가이드 | https://svelte.dev/blog/the-easiest-way-to-get-startedthyoondev.log | https://velog.io/@thyoondev/Svelte-VSCode에서-스벨트-시작하기node.js

2021년 8월 30일
·
0개의 댓글
post-thumbnail

Svelte, 정체가 뭐지?

출시하자마자 만족도 1위를 돌파한 스벨트 프론트엔드 프레임워크계에 혜성처럼 나타나 만족도 1위를 당당히 차지하는 스벨트. 어떤 이점이 있길래 이렇게까지 관심을 끄는걸까? 스벨트를 낱낱이 파헤쳐보자. 스벨트, 정체가 뭐지? 모두의 이목을 집중시키는 스벨트, 그 정체

2021년 8월 24일
·
0개의 댓글

Week 2. DOM

DOM, 가상 DOM, Svelte

2021년 8월 17일
·
0개의 댓글
post-thumbnail

[Svelte] 스벨트 시작하기

[Svelte] 스벨트 시작하기

2021년 7월 24일
·
2개의 댓글
post-thumbnail

[Svelte] 스벨트 개념

[Svelte] 스벨트 개념

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

주간 리드잇 #4 (이번 주에는 이런 책이)

한 주 동안 새로 출간된 책을 정리해보는 '주간 리드잇'입니다. 이번 주에는 어떤 책들이 출간(예정) 되었는지 같이 살펴볼까요?

2021년 7월 23일
·
0개의 댓글
post-thumbnail

짧게 써보는 웹 프론트엔드의 역사

그냥 한번 쓱 훑어보는 것으로 후에 밟을 지뢰를 피하는 데 조금의 도움이 된다면, 혹은 새 기술을 선택하는데 중요한 기준점을 세울 수 있다면 좋을 것 같다는 생각에 오랜만에 글을 쓰게 되었습니다.

2021년 7월 18일
·
6개의 댓글
post-thumbnail

[FE] 프론트엔드 3대장 비교와 주관적인 최신 웹 동향에 대해 (feat. React를 기반으로)

개요 웹 프론트엔드 개발에서 주축이 되는 언어는 당연코 자바스크립트일 것이다. 물론 C#을 기반으로한 ASP.NET 기반의 웹 개발 프레임워크도 있지만 잠시 이는 논외로 두자. 웹 프론트엔드의 진입점이 그나마 다른 분야에 비해 낮다는 점(프론트엔드의 난이도가 쉽다는

2021년 5월 26일
·
11개의 댓글