# svelte

80개의 포스트

프론트엔드 개발 관련 레퍼런스

풀스택 서비스를 프론트엔드 위주로 구현한 프로젝트 모음입니다.

약 3시간 전
·
0개의 댓글

sveltekit 으로 하이브리드앱 만들기

하이브리드앱을 좀 아시는 분들은 cordova 나 ionic등등을 들어봤을 것이다.ionic은 cordova기반을 유료버전으로 만든 사업자정도로 이해하고 있는데, react-native 나 fullter 가 생겨나서면서 견제차원에서 인지capacitor 이라는 cord

2022년 5월 1일
·
0개의 댓글
post-thumbnail

[ SVELTE ]

SVELTESvelte는 웹 애플리케이션을 구축하는 새로운 방법으로 선언적 구성 요소를 가져와서 DOM을 외과적으로 업데이트하는 효율적인 JavaScript로 변환하는 컴파일러다.현재 많이 사용되는 프론트엔드 프레임워크는 크게 3가지가 있다. Angular, React

2022년 4월 27일
·
0개의 댓글
post-thumbnail

[ SVELTE 기초 문법 ]

SVELETE 기초 문법에 대해 알아보자

2022년 4월 27일
·
2개의 댓글
post-thumbnail

Sveltekit에 Tailwind CSS 적용하기

Front CSS Framework 중에서 최근 가장 애용하고 있는것이 TailwindCSS 이다.과거 부트스트랩보다 세밀하고 폭넓은 설정들을 할 수 있어서생상성이 늘어나고 시간이 단축되고 CSS 작성할일이 거의 없어졌다.웬만한 애니메이션까지 처리되다보니 더욱 그러하다

2022년 4월 23일
·
0개의 댓글
post-thumbnail

[ SVELTE ]

SVELTE의 특징과 장/단점에 대해 알아보자

2022년 4월 22일
·
0개의 댓글
post-thumbnail

SPA 와 서버간 인증 통신에 대한 이해

SPA 는 클라이언트에 서버를 만들어서 구동합니다. 주로 NODE.JS 서버를 이용합니다. 단순한 경우 아닌 경우도 있습니다.ROLLUP이나 WEBPACK 등이 번들링과 웹서버 개발환경을 클라이언트에서 제공하는 것은 NODE.JS에서 서버를 구성하는 기능을 제공하기 때

2022년 4월 20일
·
0개의 댓글
post-thumbnail

Local 에서 Notion API 사용하기 / CORS 임시방편 처리

앞서서 CORS에 대해서 알아보자.CORS Cross-Origin Resource Sharing, CORS에 정의는 MDN를 참고. https://developer.mozilla.org/ko/docs/Web/HTTP/CORS(모든 사람이 읽어야 한다고 할만큼)

2022년 3월 18일
·
0개의 댓글
post-thumbnail

Svelte - Await 블록

중요한 부분이라 일반적으로 추구하는 간략한 포스팅 보다 조금 설명이 길어질것 같다.아래 코드는 버튼을 클릭했을 때 2초 뒤에 데이터를 받아오는 프로미스 객체를 promise 변수에 담는 로직이다.(스벨트 문법은 하이라이트가 제대로 안된다..)프로미스 객체를 담은 pro

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

Svelte - 깃헙 pages 배포

테스트겸 깃헙 페이지스에 배포해보려고 간만에 깃헙에 접속해보았다.빌드 도구(엄밀히 말하면 스벨트는 빌드가 아니라 컴파일이지만..)는 snowpack 환경이고, 기본적으로 npm run build를 하면 build 폴더로 결과물들이 나온다.깃헙 페이지스의 배포 포인트는

2022년 3월 14일
·
0개의 댓글

git subtree로 github pages배포하기

github에서 repo를 만든 뒤, 로컬에 클론한다. 위 예시의 경우 'your-repo'라는 폴더가 생성된다.위 명령으로 스벨트 템플릿 프로젝트를 생성할 수 있다.먼저, .gitignore파일에서 public/build줄을 삭제한다.삭제한 이후, 위 명령어로 빌드한

2022년 3월 12일
·
0개의 댓글
post-thumbnail

[Svelte] 스벨트 입문해보기, 왜 Svelte를 쓸까

한 프로젝트를 시작하면서 프론트엔드 프레임워크로 Svelte를 사용해보기로 했습니다. 3대 프론트엔드 프레임워크로 불리는 React, Vue.js, Angular를 두고 왜 Svelte를 선택했는지차근차근 알아보도록 하겠습니다.

2022년 3월 9일
·
0개의 댓글

Svelte TIL 08

await block, 인라인 이벤트핸들러의 반응성, 다중 이벤트핸들러, 이벤트 수식어

2022년 3월 7일
·
0개의 댓글
post-thumbnail

svelte-spa-router

svelte-spa-router 라우터 구성 라우터 링크 라우터 링크 active

2022년 3월 7일
·
0개의 댓글
post-thumbnail

snowpack

공식 문서snowpack.config.js위와 같이 설정시public 폴더는 build시 루트 경로( build )가 되고 (static한 index.html, favicon.ico 등이 위치되는 경로)src 폴더는 build시 build/dist 경로가 된다. (프로

2022년 3월 7일
·
0개의 댓글

Svelte TIL 07

callback, promise, async-await

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

SvelteKit 에 대하여

Svelte계의 NextJS! SvelteKit에 대해 알아보자!

2022년 2월 19일
·
2개의 댓글
post-thumbnail

Vue 또는 Svelte 에서 function props 는 anti-pattern 인가?

Vue 또는 Svelte 에서 funtion props 는 anti-pattern 인가?

2022년 2월 15일
·
0개의 댓글
post-thumbnail

Svelte 시작하기

Svelte는 무엇일까?

2022년 2월 10일
·
0개의 댓글

Svelte 에서 하위 컴포넌트에 스타일 입히는 방법

스벨트가 야박한 커뮤니티와 야박한 생태계를 가지는 이유 중 하나지. 엉엉.

2022년 2월 4일
·
0개의 댓글