| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- 프론트엔드
- next.js
- React
- 온디바이스AI
- contextBridge
- 백엔드
- javascript
- 상태관리
- github actions
- sqlite
- Kotlin
- FastAPI
- 메일자동화
- electron
- 배포
- REST API
- typescript
- playwright
- 아키텍처
- JWT
- Android
- 크롤링
- python
- 인증
- Vite
- 도메인설계
- php
- 보안
- 마이그레이션
- 소셜로그인
- Today
- Total
목록tailwind (2)
HM소프트
Vite + React 빌드·배포 트러블슈팅 — 장부 관리 앱 (2)
장부 관리 데모 앱을 GitHub Pages에 올리며 밟은 Vite·React 빌드·배포 함정 기록. npm ci와 lock 정합성, tsc -b 타입 검사 차단, Tailwind v4 @apply 미적용, body overflow-hidden 전역 스타일 사고, SPA 새로고침 404를 HashRouter로 회피, base 경로와 단일 CSS 번들, Pages 배포 권한까지 순서대로 다룹니다. 2편: 빌드와 배포1편에서 에디토리얼 스타일 UI를 다뤘다. 이번 편은 이 데모를 GitHub Pages에 올리며 만난 실전 트러블슈팅이다. 작은 데모라도 "빌드가 통과하고, CI가 돌고, 정적 호스팅에서 보이게" 하는 데는 잔 함정이 많았다.1) CI 실패: npm ci vs npm installGitHub A..
에디토리얼 스타일 UI와 브랜드 아이덴티티 설계 — 장부 관리 앱 (1)
장부 관리 데모 앱을 흔한 SaaS 대시보드 룩에서 벗어나게 만든 에디토리얼 디자인 시스템 구축기. 극단적 타이포 대비와 번트 오렌지 단일 액센트, Tailwind v4 @theme 토큰과 CSS 변수 폰트 페어링, 번호 매긴 내비게이션과 비대칭 그리드, 장부형 테이블, 두 번 갈아엎으며 일관성으로 수렴한 과정을 다룹니다.시리즈를 시작하며장부(가계부/회계) 관리 데모 앱을 만들며, "AI가 찍어낸 것 같지 않은" 디자인을 목표로 삼았다. 흔한 SaaS 대시보드 룩에서 벗어나, 에디토리얼(잡지) 스타일의 UI를 입혔다. 두 편으로 나눠 기록한다.(이 글) 에디토리얼 스타일 UI와 브랜드 아이덴티티Vite + React 빌드·배포 트러블슈팅스택은 React + TypeScript + Vite, 스타일은 Ta..