목록화면레이아웃 (1)
miinsun
[소소한할인] 화면 설계
프론트 작업에 들어가기 전 먼저 화면 설계서를 작성했다. 우리 프로젝트의 경우, React로 웹 인터페이스를 만들기로 해서 화면 영역을 컴포넌트 별로 나눠 재활용이 보다 수월하도록 했다. 이번 게시글은 우리 팀이 어떤 식으로 화면을 설계했는지, 그 당시에 어떤 아이디어를 주고받았는지를 주요 화면들을 예시를 들어 작성해봤다. 가장 먼저 모든 화면의 기초가 될 메인 레이아웃을 설계한다. 앞으로의 대부분의 화면들은 메인 레이아웃을 기반으로 작성되었다. menu, nav, footer부분은 고정된 부분으로 스크롤에 영향을 받지 않고 사용자의 화면에 따라 다닌다. 고정되지 않은 검색 영역과 콘텐츠 영역은 web화면에 따라, 기능에 따라 유연하게 바뀔 수 있도록 구성했다. 소소한 할인 웹 사이트의 'HOME'페이지..
Project/2021 소소한 할인
2021. 12. 8. 16:21