Figma로 CGV App 클론하기 - 1

[9/23_To Do]

• 클론 어플 선정
• 클론 진행
• 튜터님과 상담 진행

 

 

클론 어플 선정

 

Starbucks App 클론에 이어 두번째 클론을 진행하기 위해 어플을 선정하였다.

CGV App을 선정하였는데, 이번 클론에서는 좀 더 다양한 컴포넌트를 실습해보고자 내가 사용하는 어플 중 컴포넌트를 많이 가지고 있어 보이는 CGV로 선택하게 되었다.

다양한 컴포넌트들을 가진 CGV App UI 화면

 

 

 

클론 진행 과정

 

먼저 하단 바 컴포넌트 만들어서 활용하고자 했다.

CGV 하단바는 아이콘의 색상이 채워지고 비워지는 것으로 활동 상태를 구분하고 있었다.

 

각 탭마다 두가지 상태를 만들어 준 뒤 Create component set으로 컴포넌트를 만들어 주고, Off와 On으로 상태를 구분해주면 인스턴스를 만들었을 때 버튼으로 끄고 켤 수 있었다.

 

 

버튼 인스턴스를 하나씩 가져와 나열 한 뒤 컴포넌트로 묶어주고, Nested instnace(=하위 컴포넌트의 속성을 조작할 수 있도록 하는 기능)로 프로퍼티를 적용해주면, 인스턴스를 만들었을 때 on/off를 조절할 수 있게 된다.

 

 

메인화면을 기준으로 필요한 컴포넌트들을 제작하였다.

 

 

 

 

튜터님과 상담

 

나의 현재 능력과 상태를 공유하면서 이번 캠프의 목표를 뚜렷이 잡을 수 있었다.

현재 상태에서 '사용자 관점으로 생각하는 능력'과 '커뮤니케이션 능력'을 높이는 것을 신경쓰며 이 캠프를 통해 성장할 수 있는 것을 목표로 삼고 임하기로 하였다. 앞으로의 캠프 과정에 대한 설명도 들을 수 있어 캠프에 대한 이해도도 높아졌다.

피그마 기능에 대한 질문도 나누며 학습과 마음가짐에 대한 방면 모두 도움을 받을 수 있었다.

이번주에는 클론을 진행하며 컴포넌트, 라벨링 등 더 UI 전문적인 부분들을 디테일하게 작업 하는 것으로 목표를 정했다.

 

 

오늘의 TIL 질문

 

1. 오늘 새로운 환경을 경험하며 가장 낯설었던 점은 무엇인가요?

디자인 카타 커리큘럼을 처음 진행하며 조금 낯설었지만 팀원들과 의견을 나누고 생각해볼 거리를 만들어주어 흥미로웠다.

2. 오늘 캠프 생활 중 낯설었던 점이나 어려움이 있었다면, 내일은 어떻게 조금 더 편안하게 만들 수 있을까요?

꾸준히 매일 팀원들과 진행하는 것이 기대가 되고, 더 익숙해질 것 같다.

3. 오늘 튜터님들과 첫 상호작용에서 느낀 인상은 어땠나요?

튜터님과의 첫 상담이라 다소 긴장이 되었었는데, 상담을 하고난 뒤 캠프에 대한 확신이 높아졌다. 경험이 많으신 튜터님에게 고민이나 질문을 나누는 것이 큰 도움이 된다는 것을 깨닳았다.

4. 그 경험을 앞으로의 학습에 어떻게 활용할 수 있을까요?

적극적으로 어려운 부분이나 고민들을 나누어 캠프기간 내에 자주 찾아뵈는 것이 좋을 것 같다.