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

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

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

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

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

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

Svelte - 깃헙 pages 배포
테스트겸 깃헙 페이지스에 배포해보려고 간만에 깃헙에 접속해보았다.빌드 도구(엄밀히 말하면 스벨트는 빌드가 아니라 컴파일이지만..)는 snowpack 환경이고, 기본적으로 npm run build를 하면 build 폴더로 결과물들이 나온다.깃헙 페이지스의 배포 포인트는
git subtree로 github pages배포하기
github에서 repo를 만든 뒤, 로컬에 클론한다. 위 예시의 경우 'your-repo'라는 폴더가 생성된다.위 명령으로 스벨트 템플릿 프로젝트를 생성할 수 있다.먼저, .gitignore파일에서 public/build줄을 삭제한다.삭제한 이후, 위 명령어로 빌드한

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

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

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