✏️[인프런 워밍업 클럽 2기] 프로덕트 디자인 2주차 🐾
이번 주는 디자인 시스템의 핵심인 UI 컴포넌트들을 직접 만들어보는 한 주였습니다. 다양한 입력, 디스플레이, 피드백 컴포넌트들을 구현하면서 각 요소의 중요성과 사용자 경험에 미치는 영향을 체감할 수 있었습니다. 특히 작은 디테일 하나하나가 전체 인터페이스의 일관성과 사용성에 큰 영향을 준다는 점을 깨달았습니다.회사 서비스에 테이블 컴포넌트가 사용되는 부분이 있어 직접 구현해보며 기존에 놓쳤던 중요한 포인트들을 재점검하는 유익한시간이 되기도 했습니다. 이 과정을 통해 실무 적용에 대한 더 깊은 이해를 할 수 있게 된 것 같습니다. :D이번 주는 프롬프트를 활용한 디자인 문서화에 대한 특별 강의가 있었습니다.🤖 Chat GPT를 이용한 프롬프트 엔지니어링과 문서화 방법, 그리고 유용한 플러그인들에 대해 알려주셨는데, 실무에서 바로 적용해볼 수 있다는 점에서 큰 기대가 되었습니다. 직접 프롬프트 작성을 연습해보면서 다른 분들의 결과물도 검토해보며 보완점을 찾아볼 수 있었고 AI 도구의 효과적인 활용법을 깊이 이해할 수 있었습니다😊 📌배움입력 컴포넌트: 버튼, 체크박스, 라디오 버튼, 스위치, 텍스트 필드 등디스플레이 컴포넌트: 아바타, 아코디언, 뱃지, 툴팁, 칩스, 테이블 등피드백 컴포넌트: 알림/경고 메시지, 토스트, 스켈레톤 로더, 프로그레스 바 등Chat GPT의 효과적인 프롬프트 작성법: 명확하고 구체적인 지시를 통해 원하는 결과 얻기AI를 활용한 문서화 프로세스: 컴포넌트 설명, 사용 가이드라인 등을 빠르게 작성디자인 관련 유용한 플러그인📌미션이번 주 미션으로 다양한 UI 컴포넌트들을 직접 구현해보았습니다. 아바타, 아코디언, 툴팁, 칩스, 베이직 카드, 테이블 등 여러 디스플레이 컴포넌트를 만들면서 각 요소의 세부적인 디자인과 기능에 대해 깊이 고민할 수 있었습니다. 각 요소의 특성, 상태 관리의 중요성을 깊이 이해해보는 시간이 되었습니다.그리고 특강을 통해 배운 내용을 통해 AI도구를 효과적으로 활용해 생산성을 향상시키고, 작업효율을 높여나가는 프로세스를 스스로 더 연습해야되겠다는 생각이 들었습니다.❗이건 꼭 알아두자! ꙳꒰ ੭⑅•͈ ·̮ •͈꒱੭각 컴포넌트들의 특성상태 관리의 중요성 (기본, 호버, 활성화, 비활성화 등) 컴포넌트 간 일관성 유지를 위한 디자인 토큰 활용챗 GPT 프롬프트 방법과 이를 활용한 문서화 방법📌회고스스로 칭찬하고 싶은 점들었던 강의 내용을 복습하며 디자인 시스템에 대한 이해도를 높이려 노력했습니다.다양한 UI 컴포넌트를 구현하며 세밀하게 검토했습니다. 아쉬웠던 점매일 꾸준히 학습하려 했으나, 야근으로 인해 일부 날짜에는 미션을 당일에 수행하지 못했습니다.문서화 작업에 대한 추가적인 연습이 부족했던 것 같습니다. 보완하고 싶은 점문서화 스킬 향상을 위해 추가 학습 및 연습을 진행하려고 합니다.프롬프트를 활용해 문서화를 더욱 효육적으로 진행해보고 싶습니다. 1주차 미션 때 문서화 진행을 추가적으로 보완해서 진행해보고자 합니다.다음 주 계획주말에 강의를 미리 숙지하고 매일 퇴근 후 2시간 확보 후 미션에 집중하기문서화 작업 시 개발자들과 이야기를 나누고 업무에 다시금 체계적으로 적용해보기한 주 배운 내용을 실무에 적용하며 현 디자인시스템의 보완점을 찾아보기 실제 프로젝트에 미션으로 구현해 본 컴포넌트들을 적용해보기