📚 오늘의 공부
아티클 스터디 / 디자이너의 기본 코딩주차
1. 아티클 스터디
'반응형 웹 제대로 알고 디자인하기'라는 주제의 아티클로 스터디를 진행했다.
반응형 웹 이해 첫걸음
- 웹은 구간 별로 나눠진다
- 각 구간 안에서 정해지는 규칙이 있다.
Breakpoint란?
구간을 자르는 종단점. 이를 기준으로 레이아웃이나 사이즈, 간격 등 규칙이 바뀔 수 있다.
브레이크포인트에 따른 UI 복잡성이 올라갈수록 프론트엔드 개발에 시간이 더 필요하게 되고, 그만큼의 복잡도가 있다는 것을 서로가 이해하도록 긴밀하게 소통해야 한다.
→ 프론트엔드 개발자는 육안으로 모두 알아차리기 힘듦..!
추천하는 방법
UI의 복잡성을 최대한 낮추는 것 : 뻔하게 보이는 UI 변화 패턴을 이해하기 쉽고 빠르고 정확하게 개발 가능. 그렇게 점점 구간별 UI의 복잡도를 올리기.
→ 아무 소통 없이 개발자에게 던지지 않고, 개발자와 해당 UI가 구간 별로 어떻게 변화하는지, 왜 변화해야 하는지 심도 있는 미팅 가지기!
Breakpoint 정하기
- 이 세상 모든 디바이스에 존재하는 화면 사이즈 분포도 이해
- 우리가 집중해야 하는 대다수의 유저군의 화면 너비 파악
개발의 메커니즘을 알고, 개발자의 고충을 고려하면서 디자인하는 것도 개발자와 원활하게 협업할 수 있는 방법 중 하나라고 생각한다. 디자인을 개발자에게 일방적으로 던져주는 것이 아닌, 왜 이런 디자인이 나왔고, 이렇게 해야만 하는지 함께 소통하며 진행한다면 더 좋은 디자인, 구현 방법이 나올 것이다.
2. 디자이너의 기본 코딩주차
오늘부터 기본 코딩수업 시작!!
작년에 배웠었던 코딩 수업의 기억을 조금씩 되살려보면서 강의를 들었다.
지금까지 디자인 수업으로 쭈욱 달리다가 코딩을 배우니 조금 리프레쉬하는 느낌 🌬️
개발도 재미는 있단 말이야..
'본캠프' 카테고리의 다른 글
| [0425_본캠프 47일차] (0) | 2024.04.25 |
|---|---|
| [0423_본캠프 45일차] (0) | 2024.04.23 |
| [0422_본캠프 44일차] (1) | 2024.04.22 |
