프로젝트 배경
발주사는 개발자만으로 서비스를 여기까지 만들었고 디자이너가 없어 화면이 정적이고 문서 같다는 피드백을 반복해서 받고 있었습니다. 기준이 되는 색과 여백 규칙이 없어 화면마다 값이 제각각이고, 새 화면을 만들 때마다 같은 문제가 다시 생깁니다. 그래서 설계의 중심을 완성된 시안이 아니라 화면을 만드는 기준에 두었습니다. 색과 크기를 화면에서 빼내 토큰에 모으고, 반복 요소를 컴포넌트 하나로 정의해 고치는 자리가
프로젝트 성과
색 토큰 일괄 변경과 상태별 컴포넌트와 참여 입금 흐름과 개최자 운영 화면
정적 목업이 아닙니다. 도메인 단위 시험과 실제 브라우저 클릭 시험을 PC 1440과 태블릿 768과 모바일 390 세 폭에서 통과했고, 가로 넘침과 콘솔 오류와 외부 요청이 0건입니다. 실제로 눌
핵심 기능
진행 단계
공고 분석과 토큰 설계와 컴포넌트 정의와 화면 구현과 세 폭 클릭 검증
2026.09.
색과 간격과 타이포 토큰 - 화면마다 색을 박아 두면 색 하나를 바꿀 때 모든 화면을 하나씩 열어야 합니다. 그래서 색은 화면이 아니라 토큰이 가지게 만들었습니다. 메인과 강조와 상태 색을 명도 단
프로젝트 상세
사실 경계 - 이 화면의 그룹명과 앨범명과 멤버명과 개최자와 계좌와 참여자와 금액은 전부 이번 공고 전용으로 지어낸 가상의 비식별 예시입니다. 특정 서비스의 데이터가 아니고 실제 거래나 고객 실적이 아니며 실제 서비스에 연결되어 있지 않습니다. 화면의 수치는 도메인 규칙을 코드로 옮겨 실제로 돌린 검증 값이며 운영 실적이 아닙니다. 실제 운영 서비스 화면은 아직 확인하지 못했으며 최종 색과 컴포넌트는 계약 후







