고정된 구조 속 유연한 움직임

✍️ [TIL 22일 차] 2025.5.19

오늘은 반응형 웹디자인 실습을 본격적으로 진행했다.

이론으로만 배웠던 내용을 직접 적용하면서

구조 안에서 얼마나 유연하게 움직일 수 있을지를 고민하는 시간이 됐다.

Prototype에서 Overflow를 활용하면

스크롤 가능한 구조를 만들 수 있고,

Frame에 min-width / max-width 속성을 넣어두면

브라우저에 따라 자연스럽게 조절되는 UI를 만들 수 있다.

또 하나의 꿀팁은,

App Bar나 Navigation을 위/아래 고정하려고 할 때

Auto Layout 때문에 고정이 안 되면,

Ignore Auto Layout을 체크하고 Fixed 속성을 부여하면 된다는 것.

작지만 중요한 설정이었다.

Responsive 플러그인을 사용하면

조금 더 편리하게 반응형을 실험할 수 있다는 것도 알게 됐다.

내일은 미션 5를 마무리하는 날.

얼른 마무리하고, 미션 4에 부족한 부분을 채울 예정이다.

---

고정된 건 구조고, 변화하는 건 감각이다.