# svelte

103개의 포스트

SSR은 풀스택이 아니다 개정판

내가 예전에 썼던 SSR은 풀스택이 아니다를 아예 갈아엎고 다시 쓴 판이라 보면 된다. 그때당시엔 맨탈 나간 상태로 썼기 때문에 어수선해서 정리 좀 해봤다. 어때 나 잘했찌? 찡긋.

2022년 11월 23일
·
1개의 댓글
·

INFINITE SCROLL

우리가 페이스북이나 인스타그램 피드를 보면 끝도 없이 게시물이 보이며 스크롤을 계속할 수 있다. 이러한 방식을 infinite scroll이라고 하는데 원리는 다음과 같다.웹이 처음 켜졌을 때 서버에서 데이터를 받아온다(onMount). 이후 스크롤하여 화면의 끝에 도

2022년 11월 15일
·
0개의 댓글
·

SVELTE HOTKEY

svelte에서 단축키를 만드는 방법은 일단 알기로는 2가지가 있다.과 이다.원래는 위의 방법으로 단축키를 만들었으나 그렇게 했을 때 문제점이 window에 있는 모든 키의 입력을 감지하고 있기 때문에 채팅이나 input에 입력을 못했다.따라서 찾은 해결책이 svelt

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

스벨트(Svelte) Todo App 만들어 보기

SvelteKit을 사용하여 프로젝트 생성: npm create svelte@latest <PROJECT_NAME>프로젝트 경로로 이동: cd <PROJECT_NAME>패키지 설치: npm i추가 패키지 설치: npm i bootstrap uuidbootst

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

스벨트 조지기

실무에 SvelteKit 조지면서 꼼수부리는 팁을 공유한다.닥치고 내말 듣고 따라해봐라.

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

Leaflet with SvelteKit (vite)

SSR 에서 제대로 import 되지 않는 모든 패키지에 참고할 수 있습니다. Leaflet 과 같은 지도 컴퍼넌트는 현재 보고 있는 화면의 크기 및 위치에 따라 클릭 이벤트 등이 연동되어야 하기 때문에 Client 의 window 를 참고해서 동작한다. 하지만 SSR

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

우피에 svelte 끼얹기

https://www.oopy.io/우피란? 노션을 사이트처럼 만들어주는 서비스.정말 간단하게 적용 가능하고 기본적인 기능들도 쉽게 적용 가능.배포가 편한게 정말 큰 장점인 듯노션 20년 1월부터 사용 중 (거의 2년차..)당시 회사 업무에 대한 문서화에 대한

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

[O.un] 로그인 페이지 만들기

참고 Svelte Login using Access & Refresh Tokens 유튜브 영상 📗 Svelte 로그인 기능 만들기 로그인 기능은 SNS 로그인 방식을 사용하여 간편 로그인 기능을 구현하려고 한다. 그럴려면 우선 로그인해야하는 페이지와 로그인/회원가

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

Github페이지에 Svelte + Vite 프로젝트 배포하기!

배포를 하기위해 제가 대신 굴러보았습니다..! 여러분은 그저 차분하게 따라만 오십시오.

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

svelte 사용법 정리

이번에 웹 프론트엔드를 건들려야 할 일이 생겨서 어떤 자바스크립트 라이브러리를 사용해서 진행을 할까 고민을 하다가 요즘 핫하다는 스벨트를 사용해서 웹 프론트엔드 작업을 진행하기로 결정해서 공부한 스벨트 사용 방법을 정리 하는 글을 작성해보려고 합니다.

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

[O.un] Svelte 프로젝트 생성 (feat. Vite, Tailwind)

📙 Svelte + Vite 📄 프로젝트 생성 참고 Vite 공식 홈페이지 명령어를 입력하자 프로젝트 이름을 설정해주고 svelte로 선택해준다. 모두 종료되면 다음과 같이 끝난다. > ts로 설정할 수도 있는데 ts까지 하려면 학습량이 너무 많아져서 ㅜ

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

React와 가상 DOM 그리고 Svelte..

가상 DOM과 React 그리고 Svelte

2022년 8월 19일
·
0개의 댓글
·

Svelte + Vite 프로젝트에서 환경변수 사용하기

vite를 이용해서 svelte 프로젝트를 생성한 경우에 .env 파일에 정의된 환경변수를 사용하는 방법입니다.

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

Vite 이야기 (feat. Svelte)

바이트 아니고 **비트** 입니다. 이번 글은 Vite에 관한 내용입니다. 최근 Svelte와 관련한 사내 발표 내용 중 다들 재미있어 했던 Vite에 관한 이야기를 블로그 형식으로 각색하여 다시 정리해보았습니다. 어떻게 해서 Vite가 탄생하게 되었는지 한번 살펴봅시

2022년 7월 27일
·
22개의 댓글
·
post-thumbnail

[모각소] 2022-07-27 (화)

SCSS 문법 정리 Svelte로 Bar Chart 제작 시작SASS(Syntactically Awesome StyleSheet)는 기존의 CSS(Cascarding StyleSheet)의 단점을 보완하기 위해 나온 CSS Preprocessor(전처리기)이다. Pr

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

[모각소] 2022-07-19 (화) - 종료 후

오늘 한 일 [x] Typescript 공부 [x] Svelte로 계산기 제작 Svelte 프로젝트 세팅하는 법 Svelte 프로젝트 Firebase로 배포하는 법 Firebase 설치 Firebase로 배포 firebase.json 편집 rewrit

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

[모각소] 2022-07-19 (화) - 시작 전

Typescript 공부Svelte로 계산기 제작하기팔달관 334호16:00 ~ 19:00React 대신 Data visualization에 특화된 Svelte 프레임워크를 통해 Node.js 및 Typescript 프로젝트를 함께 공부할 예정이다. 처음에 만들어 볼

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

SvelteKit Hooks + Node Adapter 버그

@sveltejs/kit/hooks 모듈의 sequence 함수 사용 후 단독 서버 실행 시 팅기는 현상이 있다. 현재 버그 확인했고 아직 수정되지 않았으며, 현재 임시방편을 제공하고 있으니 본문을 읽도록.

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

svelte 시작하기 + vite scss 세팅

svelte 공식 문서에 적용된 vite를 사용하여 svelte를 시작합시다. + scss 세팅하는 법까지 정리.

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

SSR은 풀스택이 아니다.

내가 지금 Next.js 프로젝트로 삽질하고 있었는데,내가 여태까지 SSR에 대해 알고있는 지식과 달리 진실은 오히려 좁았다.일단 너희들이 알고 있는 대략적인 SSR 특징에서 딱히 벗어난 건 아니지만,나처럼 오바하지 말라는 의미에서 글을 싸지르도록 하겠다.

2022년 7월 7일
·
2개의 댓글
·