신비한 개발사전

Insomnia는 백엔드 RESTful API를 테스트해볼 수 있는 다양한 툴 중 하나다. 작성한 API를 JSON 파일 형태로 손쉽게 공유가 가능해서 같은 Insomnia 워크스페이스 멤버가 아니더라도 API를 테스트할 수 있다. 만약 백엔드로부터 Insomnia에서 돌리는 JSON 파일만 받은 상황이라면 아래 순서대로 불러오면 된다. 1. Collection 접근워크스페이스 멤버로 초대된 경우 해당 워크스페이스의 Collection을 클릭해 들어간다. 따로 워크스페이스가 없을 경우 무료로 제공되는 내 워크스페이스에서 새 Collection을 직접 생성해서 들어가도 무방하다. 2. JSON 파일 importCollection명을 클릭해 메뉴에서 [From File] 옵션을 선택하면 JSON 파일을 가져..

UnoCSS는 단일 CSS 속성을 클래스에 담아 스타일링의 재사용성을 높이는 atomic CSS 철학을 기반으로 하는 CSS 엔진이다. 빠른 빌드타임과 유연한 커스터마이징 기능이 특징이다. 앞으로 UnoCSS를 적극적으로 사용해보려고 해서, Next.js 프로젝트에 UnoCSS를 설치하는 방법을 직접 정리해봤다. 패키지 설치pnpm add -D unocss @unocss/postcss uno.config.ts 생성프로젝트의 root 폴더에 uno.config.ts 파일을 생성해 아래 설정을 추가한다.import { defineConfig, presetUno } from "unocss";export default defineConfig({ presets: [ presetUno(), ],}); po..