![[인프런 워밍업 스터디 1기 디자인] 4주차 발자국](https://cdn.inflearn.com/public/files/blogs/f02318e7-816c-4a13-975c-77f2d224c1e4/인프런.png)
[4주차 스터디 내용] 베리어블 모드 활용 해보기 통합 브랜드 구현 반응형 1. 베리어블에 컬렉션 생성 2. desktop/tablet/mobile3가지 모드 추가 3. 각각 최대값/최소값을 입력 4. 프레임에 베리어블 모드 적용 다중언어 컴포넌트 조합해서 페이지 만들기 B2B이커머스 어드민 페이지 (다크모드, 반응형, 멀트브랜드 구현) B2C이러닝 페...
![[인프런 워밍업 스터디 1기 디자인] 3주차 발자국](https://cdn.inflearn.com/public/files/blogs/f9788c1c-3811-4421-81ce-e331b05dbabe/인프런.png)
[3주차 스터디 내용] 피드백 컴포넌트 만들기 알림/경고 메시지 토스트 스켈레톤/로딩 스피너 프로그레스바 슬롯활용한 모달 네비게이션 컴포넌트 만들어보기 링크 브레드크럼프 네비게이션/모바일 하단 네비게이션 페이지네이션 사이드 네비게이션 헤더 이미지 캐러셀 베리어블 모드 색상테마 적용해보기 (라이트/다크) 브랜드 아이덴티티 놓치지않기 접근성 고려하기 [미션] ...
![[인프런 워밍업 스터디 1기 디자인] 2주차 발자국](https://cdn.inflearn.com/public/files/blogs/3ed08cf8-6587-4232-bd51-b6bda06d3590/인프런.png)
[2주차 스터디 내용] 컴포넌트 만드는 순서 1. 싱글 컴포넌트를 만든 후 프로퍼티(Boolean/Text/Instance swap) 추가 2. 복제 후 테스트 하기 3. 상태, 사이즈 등 베리언츠 프로퍼티 등록해주기 4. 플러그인을 사용해 웹 접근성 체크해주기 [미션] 피그마 입력 컴포넌트 만들어 보기 버튼 / 체크박스 / 라디오버튼 / 스위치버튼 / 라...
![[인프런 워밍업 스터디 1기 디자인] 1주차 발자국](https://cdn.inflearn.com/public/files/blogs/950edb82-a95f-4a95-bb56-5403f33f0358/인프런.png)
피그마 베리어블을 활용한 디자인 시스템 구축하기 피그마 베리어블을 제대로 이해하고 ,사용하고 싶어서 이 강의를 듣게 되었다. 하지만 몇달이 지나도록 진도율 5%.... 😭 그러던 중 인프런 워밍업 스터디 1기를 모집한다는 공지를 보게되었다. 강제성..그래 지금 나에게 필요한거야! 소박하게.. 완주를 목표로....시작하게 되었다. [1주차 스터디 내용] ...
