[사전캠프 3주차] 화요일 TIL

10/15 일일 목표📝

5주 차 강의 듣기

컴포넌트 만들기

 

---

 

 

📖 오늘 배운 내용!

 

안드로이드는 360X800, 아이폰은 375X812 가 1배수 사이즈!

 

히어로 섹션이란?

메인 화면의 가장 중요한 상단부분, 중요한 메세지를 전달하는 영역.(주로 배너가 많이 사용됨)

강의 따라 만든 홈화면과 목록화면

 

 

앱 바란?

• 네이게이션의 한 종류
• 앱 상단에 고정되어 있으며 현재 화면의 이름을 알려주고, 이전 화면으로 돌아가거나 현재 화면을 끌수 있도록 해준다.

 

 

리스트 컴포넌트란?

• 컴포넌트의 종류 중 컨테이너에 해당하는 컴포넌트
• 동일한 내용과 형태의 정보를 반복적인 패턴으로 보여줄때 사용

 

 

실습으로 만든 상세페이지와 로그인화면

 

 

프로토타입이란?

• 시제품 이라는 뜻
• 실제 제품을 만들지 않고 테스트를 하는 것

 

프로토타입을 만드는 이유?

• 제품을 만들어 보지 않고 아이디어를 검증할 수 있다.
• 팀원들과 시각적인 결과물로 소통할 수 있다.
• 부족하거나 놓친 부분들을 테스트하면서 확인할 수 있다.

 

 

오버플로우란?

• 프레임 밖으로 컨텐츠가 벗어난 경우 오버플로우 라고한다.
• 스크롤이 되도록 하려면 프레임보다 콘텐츠가 길어야한다.

 

 

스크롤 컨테이너란?

오버플로우가 생긴 프레임을 스크롤 할 수 있도록 만들어주는 프로토타입

 

 

 

 

 

---

 

👩‍🏫 오늘 진행하며 어려웠던 부분

 

5주차 강의를 한꺼번에 들으면서 UI실습을 따라하다보니 아직 피그마 툴이 능숙하지 않아 강사님과 할때는 괜찮았는데 혼자서 하려다보니 버벅거리고 시간도 오래걸렸다..

 

 

---

 

👀 어려웠던 부분을 어떻게 해결했을까?

 

한번, 두번 더 연습해보니 Fill과 Hug의 개념도 이해가고 피그마에 대한 이해도가 올라가는 것같다.

역시 연습이 실력을 올릴 수 있게 도와주는 것 같다

더 열심히 본캠프 전에 실습을 많이 해봐야겠다.