![[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 4주차 발자국](https://cdn.inflearn.com/public/files/blogs/2f8b0eed-4c00-49a4-8d7d-5b1410380e4b/워밍업클럽2기.png)
4주차때 배운 것 벌써 4주차, 마지막 발자국을 남기게되네요. 4주차 때에는 만들어놓은 컴포넌트를 가지고 b2b이러닝 페이지, 모바일 ott 페이지 만들기를 진행했습니다. 컴포넌트가 다 만들어져있고, 배리어블을 통해 라이트/다크모드, 브랜드별 컬러 다 지정해놓으니까 하나의 페이지 만들기가 간편했습니다! 배리어블 통해서 변경하면 바로 다크모드로 변경되고.. ...
![[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 3주차 발자국](https://cdn.inflearn.com/public/files/blogs/ef81d832-15b8-48ea-8fb2-75fd2808eb93/워밍업클럽2기.png)
3주차때 배운 것 네비게이션 컴포넌트 (링크, 브레드크럼, 탭, 바텀네비게이션, 페이지네이션, 사이드네비게이션, 캐러셀) 모드를 활용 해보기 (라이트 다크, 브랜드 컬러 변경) 배웠던 것을 활용해 B2B 이커머스 어드민 페이지 만들기 벌써 3주차 발자국을 남긴다!! 지금까지 빼먹거나 엄청 미루거나 하지 않았던 나에게 먼저 칭찬 스티커를 주고.. 작업하고 디...
![[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 2주차 발자국](https://cdn.inflearn.com/public/files/blogs/20d0a509-f297-49cb-b5ff-f00b4a94d844/워밍업클럽2기.png)
2주차때 배운 것 입력 컴포넌트 (버튼, 컨트롤, 라벨, 텍스트필드, 텍스트박스, 셀렉트) 디스플레이 컴포넌트 (아바타, 아코디언, 뱃지, 툴팁, 구분선, 인터랙티브 칩, 상태칩, 카드, 테이블) 피드백 컴포넌트 (토스트, 로딩 스피너, 스켈레톤 로더, 슬롯컴포넌트를 활용해 모달 제작) Slot 컴포넌트를 활용해서 모달을 만드는 것을 알게된 점이 좋았다. ...
![[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 1주차 발자국](https://cdn.inflearn.com/public/files/blogs/f0276fe2-ea7f-432d-a31e-2b733bf92c01/워밍업클럽2기.png)
인프런 워밍업클럽 2기 1주차 피그마 배리어블 기능을 알아가고, 디자인시스템을 효과적으로 제작하기위해 강의를 신청했다. 혼자하면 분명 미루게될 것 같아서 워밍업클럽으로 4주동안 다 듣는 것을 목표로 했다. 1주차때 배운 것 배리어블 등록 (색상, 간격, 타이포그래피, 아이콘, 그림자) 입력 컴포넌트 제작 (버튼, 체크박스, 라디오버튼, 스위치버튼) 배리어블...
