프론트엔드 프레임워크인 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 등의 웹애플리케이션을 위한 전용 컴포넌트 라이브러리가 있다. 현재 프론트엔드 개발을...

이미지 resize, crop, thumbnail 등의 처리를 수행하는 파이썬 유틸리티들에 대해 공부합니다. 출처 Image Resizing in Python explained 1. Pillow (PIL) 현재 최신버전은 9.3 이지만 Python 3.11 을 필요로 함 (참고) Python 3.7 이상에 대해 Pillow 9.2 ...

프론트엔드 개발시 View 구현의 필수 재료인 React 에 대해 공부한다. Nextjs/Gatsby, WebComponent 연계 (1일차) React 공부하기 - 1일차   ✔ 1. React 공식 문서 React is a JavaScript library for building user interfaces. Re...

Angular 버전 15 가 출시되면서 소개된 여러 기능들과 Standalone Component 에 대해 알아본다. 1. Angular v15 is now available! 중요한 특징들이 대거 반영된 메이저 버전이라 블로그의 내용을 옮겨본다. 참고 : 버전 15의 ng new <my-app> 생성 패키지 { "...