[본캠프] d+24.

박예지·2025년 2월 25일

[UIUX] TIL 📑

목록 보기
36/100
post-thumbnail

📌
1. UI 화면 구조
2. 실습

1. UI 화면 구조

큰 블록 (페이지) → 작은 블록 (컴포넌트) 순으로 설계

컴포넌트를 블록처럼 설계할 때의 장점

  • 재사용성 : 같은 컴포넌트를 여러 곳에 활용
  • 유지 보수 용이 : 한번의 수정으로 전체 UI에 반영
  • 유연성 : 추가, 삭제 혹은 위치 변경할 때, 레이아웃에 큰 변화없이 유연하게 적용

섹션을 조립하여 페이지를 만들 때는 빈틈없이 쌓는 것이 중요하다.

2. 실습

1️⃣ 홈 화면

2️⃣ 목록 화면

3️⃣ 상세 화면

🎙️ 느낀점

튜터님의 설명을 보며 화면을 따라 만들어보았는데 확실히 내가 하던 방법 (아이콘에 냅다 인스턴스 스왑 적용하기 등) 보다 효율적이고 깔끔하게 만드는 방법을 알 수 있었다.

또한 프레임 자체에 오토레이아웃을 적용하면 순서 바꾸기에도 편리하다는 것도 배웠다.
강의를 통해 알게 된 것들을 나 혼자 진행할 때도 계속 지켜나가야겠다.

profile
Life is pain au chocolat 🍞

0개의 댓글