✏️[인프런 워밍업 클럽 2기] 프로덕트 디자인 2주차 🐾

이번 주는 디자인 시스템의 핵심인 UI 컴포넌트들을 직접 만들어보는 한 주였습니다. 다양한 입력, 디스플레이, 피드백 컴포넌트들을 구현하면서 각 요소의 중요성과 사용자 경험에 미치는 영향을 체감할 수 있었습니다. 특히 작은 디테일 하나하나가 전체 인터페이스의 일관성과 사용성에 큰 영향을 준다는 점을 깨달았습니다.

회사 서비스에 테이블 컴포넌트가 사용되는 부분이 있어 직접 구현해보며 기존에 놓쳤던 중요한 포인트들을 재점검하는 유익한시간이 되기도 했습니다. 이 과정을 통해 실무 적용에 대한 더 깊은 이해를 할 수 있게 된 것 같습니다. :D

이번 주는 프롬프트를 활용한 디자인 문서화에 대한 특별 강의가 있었습니다.🤖 Chat GPT를 이용한 프롬프트 엔지니어링과 문서화 방법, 그리고 유용한 플러그인들에 대해 알려주셨는데, 실무에서 바로 적용해볼 수 있다는 점에서 큰 기대가 되었습니다. 직접 프롬프트 작성을 연습해보면서 다른 분들의 결과물도 검토해보며 보완점을 찾아볼 수 있었고 AI 도구의 효과적인 활용법을 깊이 이해할 수 있었습니다😊

📌배움

• 입력 컴포넌트: 버튼, 체크박스, 라디오 버튼, 스위치, 텍스트 필드 등

• 디스플레이 컴포넌트: 아바타, 아코디언, 뱃지, 툴팁, 칩스, 테이블 등

• 피드백 컴포넌트: 알림/경고 메시지, 토스트, 스켈레톤 로더, 프로그레스 바 등

• Chat GPT의 효과적인 프롬프트 작성법: 명확하고 구체적인 지시를 통해 원하는 결과 얻기

• AI를 활용한 문서화 프로세스: 컴포넌트 설명, 사용 가이드라인 등을 빠르게 작성

• 디자인 관련 유용한 플러그인

📌미션

이번 주 미션으로 다양한 UI 컴포넌트들을 직접 구현해보았습니다. 아바타, 아코디언, 툴팁, 칩스, 베이직 카드, 테이블 등 여러 디스플레이 컴포넌트를 만들면서 각 요소의 세부적인 디자인과 기능에 대해 깊이 고민할 수 있었습니다. 각 요소의 특성, 상태 관리의 중요성을 깊이 이해해보는 시간이 되었습니다.

그리고 특강을 통해 배운 내용을 통해 AI도구를 효과적으로 활용해 생산성을 향상시키고, 작업효율을 높여나가는 프로세스를 스스로 더 연습해야되겠다는 생각이 들었습니다.

❗이건 꼭 알아두자! ꙳꒰ ੭⑅•͈ ·̮ •͈꒱੭

• 각 컴포넌트들의 특성

• 상태 관리의 중요성 (기본, 호버, 활성화, 비활성화 등)

   

• 컴포넌트 간 일관성 유지를 위한 디자인 토큰 활용

• 챗 GPT 프롬프트 방법과 이를 활용한 문서화 방법

📌회고

스스로 칭찬하고 싶은 점

• 들었던 강의 내용을 복습하며 디자인 시스템에 대한 이해도를 높이려 노력했습니다.

• 다양한 UI 컴포넌트를 구현하며 세밀하게 검토했습니다.

   

아쉬웠던 점

• 매일 꾸준히 학습하려 했으나, 야근으로 인해 일부 날짜에는 미션을 당일에 수행하지 못했습니다.

• 문서화 작업에 대한 추가적인 연습이 부족했던 것 같습니다.

   

보완하고 싶은 점

• 문서화 스킬 향상을 위해 추가 학습 및 연습을 진행하려고 합니다.

• 프롬프트를 활용해 문서화를 더욱 효육적으로 진행해보고 싶습니다.
  1주차 미션 때 문서화 진행을 추가적으로 보완해서 진행해보고자 합니다.

다음 주 계획

• 주말에 강의를 미리 숙지하고 매일 퇴근 후 2시간 확보 후 미션에 집중하기

• 문서화 작업 시 개발자들과 이야기를 나누고 업무에 다시금 체계적으로 적용해보기

• 한 주 배운 내용을 실무에 적용하며 현 디자인시스템의 보완점을 찾아보기

   

• 실제 프로젝트에 미션으로 구현해 본 컴포넌트들을 적용해보기