![[인프런 워밍업 클럽 스터디 3기] 프로덕트 디자인 4주차 발자국](https://cdn.inflearn.com/public/files/blogs/b147c978-8cb8-4cdb-ade6-509273551592/워밍업 썸네일.png)
📖 4주차 학습내용 디자인시스템과 배리어블 모드를 활용한 디자인 페이지 만들기 1. B2B 어드민 페이지 이커머스 회원계정 관리 페이지 반응형 환경을 고려하여 Side Navigation과 Content 영역 레이아웃 설계 배리어블 모드: Width, Spacing, Navigation Type, Boolean이 자동으로 변경되도록 설정 2. B2C 이러...
![[인프런 워밍업 클럽 스터디 3기] 프로덕트 디자인 3주차 발자국](https://cdn.inflearn.com/public/files/blogs/16b8e798-164d-45a5-870f-0e78d2e6b750/워밍업 썸네일.png)
📖 3주차 학습내용 1. Feedback 컴포넌트 알림, 토스트 는 Information, success, warning, error 등 시스템 상태를 고려 한 컴포넌트 set를 만들어습니다. Spinner loader, Skeleton 는 화면 대기 중에 나타나는 프로토타입을 고려 한 컴포넌트 set을 만들었습니다. Modal은 사용 목적에 따라 다양 ...
![[인프런 워밍업 클럽 스터디 3기] 프로덕트 디자인 2주차 발자국](https://cdn.inflearn.com/public/files/blogs/988d3721-1196-4e39-b8c2-247326290fbf/워밍업 썸네일.png)
📖 2주차 학습내용 1. 컴포넌트 구조 및 만드는 방법 컴포넌트 배리언츠, 프로퍼티 / 프로퍼티 기능 / Nested instance 사용 방법 2. Icon 컴포넌트 아이콘 플러그인 사용 / 컴포넌트 등록 전 레이어 정리[앤트맨 전략] / 아이콘 플레이스홀더 3. Input / Display 컴포넌트 Type, State 등 배리언츠, 프로퍼티(불린, ...
![[인프런 워밍업 클럽 스터디 3기] 프로덕트 디자인 1주차 발자국](https://cdn.inflearn.com/public/files/blogs/6727906e-9b70-44b2-8981-e3b1421b4637/워밍업 썸네일.png)
진행 기간: 1주차(20250303 ~ 20250309) 📖 1주차 학습내용 디자인 토큰, 배리어블, 디자인 시스템에 대한 구조, 이름, 특징 Color, Typography, Spacing/Size, Effect에 대한 구성, 네이밍, Scope 설정 방법 Primitive/Semantic 배리어블, 스타일 직접 등록해보기 Typography와 Shad...
