[인프런 워밍업 클럽 3기] 프로덕트 디자이너 3주차 발자국

[3주차 학습]피드백 컴포넌트 : alert, toast, progress bar, spinner loader, skeleton loader, slot, modal2. 네비게이션 컴포넌트 : link, tabs, breadcrumbs, navigation, pagination, carousel3. 베리어블 모드 : 라이트/다크 모드, 브랜드 모드, 반응형 설정, 멀티 언어 전환하기[회고]기존에 베리어블로 적용했던 타이포그래피를 모드를 활용해서 반응형 화면에 적용해 볼 수 있어서 좋았다. 또한, 모드를 이용해 멀티 언어 전환을 시도해 볼 수 있어서 유익했다. 처음에 언어 전환은 되는데 컴포넌트화된 이미지가 전환되지 않아서 어디서 연결이 안된건지 뚫어져라 본 것 같다..ㅎㅎ이번 주는 모드를 이용해 다양한 시도를 해볼 수 있어서 재미있었고, 완주에 한 걸음 더 다가간 것 같아서 기분이 좋다.

[인프런 워밍업 클럽 3기] 프로덕트 디자인 2주차 발자국

[2주차 학습]아이콘 컴포넌트화 : Union, Flatten selection 인풋 컴포넌트 버튼 : button, icon button, button stack체크박스(check), 라디오(radio), 스위치(switch)텍스트 그룹 : label, control group, text field, text area 셀렉트(select), 드롭다운(drop down) 디스플레이 컴포넌트 아바타(avatar), 아코디언(accordion), 구분선(divider)뱃지(badge), 칩(chips, status chips),툴팁(tooltips)카드(basic cards), 테이블(table)[회고]UI3 업데이트 이후 체계적으로 강의를 들으며 컴포넌트를 만들어보면서 실습할 수 있어 좋았다. 초반에는 작은 요소부터 하나하나 직접 만들어야 해서 시간이 걸렸지만, 후반부로 갈수록 이전에 만들어둔 요소들을 재활용하면서 작업이 훨씬 수월해졌다.이번 주는 지난주보다 과제량이 많아진 느낌이라... 체력적으로 힘들었지만, 모든 과제를 마무리할 수 있어서 만족한다.앞으로 남은 기간 동안도 모든 과제를 빠짐없이 제출할 수 있으면 좋겠다.🔥

[인프런 워밍업 클럽 스터디 3기] 프로덕트 디자인 1주차 발자국

[1주차 학습]디자인 토큰과 베리어블 구조 이해베리어블 등록 : color, typography, spacing, elevation, border(radius, width), 반응형 기준점 : breakpoint, grid [회고] 강의를 복습하면서, 이전에는 단순히 따라가기만 했던 개념과 구조에 대한 이해가 더 명확해진 것 같다. 또한, 타이포그래피와 그림자의 경우 기존에는 스타일만 등록해봤는데, 이번에 베리어블로 등록하는 과정을 경험하면서 신기하면서도 어떻게 활용할 수 있을지 생각해보게 된 것 같다. 그리고 그리드 시스템의 Fixed와 Fluid 개념을 알게 되어 좋았다. 이번 주는 시간이 날 때마다 조금씩 강의를 들으며 과제를 진행했는데, 앞으로도 꾸준히해서 스터디를 끝까지 완주하는 것을 목표로 하고 싶다. 💪

[인프런 워밍업 클럽 Figma 2기] 프로덕트 디자인 4주차 발자국

인프런 워밍업 클럽 2기 4주차‘3주차에서 못했던 부분 수정하고, 다음 진도까지 끝마무리 확실하게 짓기’를 목표로 함.‘모르는 부분은 찾아가면서 디깅하자!!’라는 마음가짐으로 시작 4주차 학습내용B2C 이러닝 페이지 만들기(컴포넌트 활용, 다크모드 버전, 반응형 모드)모바일 OTT서비스 만들기(컴포넌트 활용, 다크모드 버전, 반응형 모드) 전체 회고이번주는 만들어둔 컴포넌트를 화면에 맞춰 조립하고, 베리어블 모드를 통해 상황에 따라변경할 수 있게 만들어 놓으니 편하기도 하고 재미있었다.혼자 강의를 들으면서 실습했다면 엄청 헤맸을텐데... 미션을 하면서 피드백을 통해 못했던 부분을할 수 있을 때까지 시도하고 수정해보는 과정을 하면서 배우는게 많았다. 스터디하기 전과 후를 비교했을 떼 컴포넌트 사용에 있어서 발전한 부분이 있었고, 베리어블에 대해서어느정도 개념이 잡힌 것 같아서 좋았다. 무엇보다 목표했던 강의 완강을 하게 되어서 만족스럽다.이후 혼자서도 할 수 있도록 복습하면서 완전히 숙지하는게 목표다.

[인프런 워밍업 클럽 Figma 2기] 프로덕트 디자인 3주차 발자국

인프런 워밍업 클럽 2기 3주차'2주차때 못했던 부분을 수정하고, 다음 진도를 꾸준히 따라가기'를 목표로 함.'주어진 과제를 완벽하게 끝내보자!!'는 마음가짐으로 시작 3주차 학습 내용내비게이션 컴포넌트 만들기 : Link, Bredcrumbs, Tab, Bottom Nav, Pagination, Side Nav, Header, Carousel베리어블 모드 활용(다크모드, 브랜드 컬러 지정 모드, 다중언어 지원화면)컴포넌트 활용하여 이커머스 어드민 페이지 만들기 잘한점그때 그때 미루지 않고 강의를 들으면서 과제 제출을 했다는 것막히는 부분은 할 수 있을때까지 시도해봤다는 점. 아쉬운점반응형 과제를 해보면서 예상한 방식으로 크기 조정이 되지 않는 부분이 존재했고, 상위 컴포넌트 auto layout의 설정을 확인하는 과정을 반복하게 되었다. 이를 통해 auto layout의 fill, hug 부분에 대하여 정확히 숙지하지 못했다는 생각이 들었다...ㅜ 전체회고 및 다음주 목표한동안 컴포넌트를 배우고 만들다가, 만든 컴포넌트를 활용해서 반응형 페이지를 만들게 되어서 재미있었다. 그리고 베리어블 모드를 통해 상황에 따라 바꿀수 있다는 점이 신기하고 편해서잘 활용해 볼 수 있도록 해봐야겠다는 생각이 들었다. 또한, 다음주가 마지막인데 꾸준히 따라온 만큼 마무리를 확실하게 하고싶다.

[인프런 워밍업 클럽 Figma 2기] 프로덕트 디자인 2주차 발자국

인프런 워밍업 클럽 2기 2주차커리큘럼을 따라서 꾸준하게 강의 수강하기를 목표로 함.‘강의를 마냥 따라가는게 아니라 이해하면서 미션 수행해보자’라는 마음가짐을 가지고 시작 2주차 학습 내용입력 컴포넌트 만들기(Label&control group, text field&text area, select&dropdown)디스플레이 컴포넌트 만들기(avatar, accordion, badge, tooltips, divider, chips, basic cards, table)피드백 컴포넌트 만들기(alert, toast, skeleton loader, progress bar, slot&modal) 잘한점헷갈리거나 안되는 부분이 생겨도 포기하기 않고 될때까지 시도함 모르는 부분은 질문해서 선생님 피드백에 따라 수정해보면서 강의를 따라감. 이번주 커리큘럼에 따라 미션 제출까지 완료함. 아쉬운 점컴포넌트의 instance를 조립 과정에서 일부 오토레아웃의 Fill, Hug, Fix의 설정이 잘못되어 있어서 수정함.Absolute poison된 프레임의 Constraint부분에서 헷갈리는 등 부분 부분에서 예상대로 되지 않는 점에서 아쉬움을 느낌. 전체 회고 및 다음주 목표컴포넌트의 반복학습을 하다 보니 어느 정도 익숙해졌다고 생각했는데, 막상 하다보니 생각보다 시간이 오래걸렸다....잘못된 부분이 눈에 보이니 답답하기도 하고, 한편으론 온전히 내것으로 만들고 싶다는 욕심이 생겼다.다음 주는 '이번 주에 못했던 부분은 완전히 숙지하고 다음 진도 따라가기'를 목표로 !!!