making records a habit

Svelte 개발 중 라우팅을 정리한 글 Routing 라우팅은 어떤 프론트 기술에서도 동일하게 적용되는 개념이니 간단하게 정리하려고 한다. 스벨트키트 레퍼런스 라우팅 부분을 보면 따로 라이브러리 안 쓰고 동적 라우팅 하는 방법을 알려주고 있었다. 나는 이걸 스치듯이 보고 넘어가서 라이브러리를 사용하는 걸로 해결하려 했는데 그럴 필요가 없었음 Routing • Docs • SvelteKit Routing Edit this page on GitHub At the heart of SvelteKit is a filesystem-based router. The routes of your app — i.e. the URL paths that users can access — are defined by the d..

CSR과 SSR 기본 개념을 정리한 글 CSR, SSR Client-side vs. Server-side vs. Pre-rendering for Web Apps | Toptal® User experience tanks when sites feel slow. Today's heavier front ends don't help. In this article, Toptal Freelance Front-end Developer Guillaume Breux compares client-side vs server-side and also pre-rendering strategies to help you choose the best optio www.toptal.com CSR과 SSR은 기본 지식으로 알아야 하는듯함..

Svlete 이해하기와 이어지는 글이다. 앞의 글에서 레퍼런스에 기재된 svelte 기본 프로젝트 구조는 다음과 같다고 했다. 자세한 설명은 레퍼런스에 있으니 참고하면 된다. 이 글에서는 간단하게만 요약 정리함 Project structure • Docs • SvelteKit Project structure Edit this page on GitHub A typical SvelteKit project looks like this: my-project/ ├ src/ │ ├ lib/ │ │ ├ server/ │ │ │ └ [your server-only lib files] │ │ └ [your lib files] │ ├ params/ │ │ └ [your param kit.svelte.dev my-proje..

Svelte로 개발하면서 알게된 내용, 프로젝트 분석 및 개발 과정을 정리한 글이다. 프로젝트 생성 CSA라고 해야하나 React는 CRA를 제공하는 것처럼 svlete도 프로젝트 생성 시 기본 구성을 제공하고 있다. 나는 데모 프로젝트를 생성했고 아래와 같이 실행된다. // 명령어를 실행한다. npm create svelte@latest . create-svelte version 3.1.2 ┌ Welcome to SvelteKit! │// 프로젝트 생성할거면 엔터치면 됨 ◇ Where should we create your project? │ (hit Enter to use current directory) │ │// 이거는 내가 이미 빈 프로젝트를 생성한 상태에서 설치하려고 나오는 문구이다. ◇ Di..

나는 백엔드 개발을 하고 있는데 왜 프론트를 정리하고 있냐면, 프론트 개발을 해야될 일이 생겼는데 대충 하기는 싫고 기본 개념은 정리하고 싶어서이다. 그 중 프론트에서 항상 안빠지고 나오는 워딩중에 eslint, prettier를 이번에 정리한다. ESLint Find and fix problems in your JavaScript code - ESLint - Pluggable JavaScript Linter A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease. eslint.org 레퍼런스에 들어가자마자 보이는 문구가..