프론트엔드 프레임워크인 SvelteKit 에 대해 공부한다. Supabase 를 이용해 로그인과 블로그 페이지를 개발해보자. (5일차) Svelte 공부하기 - 1일차 : Svelte Svelte 공부하기 - 2일차 : SvelteKit + CSS Svelte 공부하기 - 3일차 : SvelteKit 구조, 작동방식 Svelt...

빠르게 웹, 모바일 서비스를 개발할 수 있는 서비스형 백엔드들이 다양하게 출시되고 있습니다. 1인 개발을 위한 기술 트렌드를 살펴봅니다. 1. 백엔드 기술 트렌드 리눅스 운영부터 로깅, 모니터링, 네트워킹, 메세지 서비스, 쿠버네티스 등 백엔드 개발의 범위가 너무 커져서 개발자에게 부담이 가중되고 있다. 효율성 제고를 위해 더 나은 ...

Firebase 대체제로 유명한 백엔드 오픈소스 Supabase 에 대해 알아보자. 웹앱, 모바일앱 개발시 많이 사용된다. 1. Supabase 란? 모든 백엔드 기능을 제공하는 Firebase 의 대체 오픈소스 Supabase Architecture 1) 기능 호스팅 된 Postgres 데이터베이스 Docs 사용자 인증 및...

프론트엔드 프레임워크인 SvelteKit 에 대해 공부한다. 간단한 애플리케이션을 만들어보자. (4일차) Svelte 공부하기 - 1일차 : Svelte Svelte 공부하기 - 2일차 : SvelteKit + CSS Svelte 공부하기 - 3일차 : SvelteKit 구조, 작동방식 Svelte 공부하기 - 4일차 : Sv...

프론트엔드 프레임워크인 SvelteKit 에 대해 공부한다. 구조와 작동방식에 대해 살펴보자. (3일차) Svelte 공부하기 - 1일차 : Svelte Svelte 공부하기 - 2일차 : SvelteKit + CSS Svelte 공부하기 - 3일차 : SvelteKit 구조, 작동방식   ✔ Svelte 공부하기 - 4일차 ...

프론트엔드 개발에 유용한 생산성 도구들을 살펴본다. 생산성 도구들은 코드의 안전성과 테스트 비용 등을 아껴준다. 1. 번들 도구 1) Vite : js 실행도구 컴포넌트 단위로 개발하고 결합하여 JS 애플리케이션을 실행하는 도구 Vite 4.0 출시 - 2022년12월 Vite 기반 프레임워크 : Astro 1.0, Nux...

프론트엔드 프레임워크인 SvelteKit 에 대해 공부한다. css framework 들을 적용하고 레이아웃을 만들어보자. (2일차) Svelte 공부하기 - 1일차 : Svelte Svelte 공부하기 - 2일차 : SvelteKit + CSS   ✔ Svelte 공부하기 - 3일차 : SvelteKit 구조, 작동방식 Sv...

Nginx 를 이용해 multiple domains 과 ssl 설정을 해보자. 그리고 nodejs, svelte, react 등의 application 에 대해 proxy 설정도 다룬다. 1. Nginx 설정 참고 Configuring multiple subdomains on an NGINX webserver 1) nginx 설정 ...

프론트엔드 프레임워크인 Svelte 에 대해 공부한다. Svelte 는 Vite 를 사용한다. (1일차) Svelte 공부하기 - 1일차 : Svelte   ✔ Svelte 공부하기 - 2일차 : SvelteKit + CSS Svelte 공부하기 - 3일차 : SvelteKit 구조, 작동방식 Svelte 공부하기 - 4일차 ...

CSS 라이브러리에 대해 조사합니다. Bootstrap, Material 및 최신 Tailwind, Pico 등에 대해 비교합니다. 1. CSS Libraries CSS 는 기본적으로 HTML 의 스타일링을 위한 라이브러이고, React/Vue/Angular 등의 웹애플리케이션을 위한 전용 컴포넌트 라이브러리가 있다. 현재 프론트엔드 개발을...