TECH BLOG
기술 인사이트
퀵스타트 개발 과정에서 축적된 기술 노하우를 공유합니다.
AI/프롬프팅
디자이너
기획/PM
AI에게 UI 디자인을 요청하는 프롬프팅 전략 — Claude·GPT로 시안 만들기
AI에게 "예쁜 버튼 만들어줘"라고 요청하면 실망스러운 결과가 나옵니다. 제약 조건·레퍼런스·역할 정의를 담은 구조적 프롬프트...
SCSS/CSS
디자이너
개발자
피그마에서 SCSS로 — 디자이너·개발자 핸드오프 실전 가이드
피그마 디자인을 코드로 옮기는 과정에서 발생하는 오해와 손실을 최소화하는 방법. 토큰 추출, 컴포넌트 명명 규칙, 스페이싱...
SCSS/CSS
개발자
디자이너
SCSS 기초 완전 정복 — 변수부터 모듈 구조까지
CSS의 한계를 극복한 SCSS(Sass)의 핵심 문법을 정리합니다. 변수, 중첩, Mixin, @use, 모듈 구조까지 — 실무에서 바로 쓸 수 있...
아키텍처
개발자
디자이너
Laravel SCSS 파일 구조 설계 — Vite 빌드 파이프라인과 디자인 시스템
대규모 Laravel 프로젝트에서 SCSS를 체계적으로 관리하는 방법을 소개합니다. 페이지 스코프 패턴, 변수 모듈화, Vite 빌드 최...