인프런 커뮤니티 질문&답변

큐딩님의 프로필 이미지

작성한 질문수

CSS Flex와 Grid 제대로 익히기

Flex 반응형 페이지 Step 4

원래 css 작업하실 때 작은 요소부터 작업하고 큰 레이아웃 작업하시나요?

작성

·

198

0

원래 css 작업하실 때 강의처럼
작은 요소(헤더,풋터, 네비, 유저, 모달 등등)부터 작업하고 큰 레이아웃 작업하시나요?

그리고 css 파일은 ui는 ui끼리 모으고,
레이아웃을 관리하는 ui-page 를 따로 작성하여서 관리하시나요?

작은 요소부터 css 작업을 하는 이유와
css파일을 하나의 요소 css파일와 레이아웃 css파일을 나눠서 관리하는 이유가 궁금합니다.

답변 2

2

1분코딩님의 프로필 이미지
1분코딩
지식공유자

1. 프로젝트 성격에 따라 다릅니다. 수업처럼 프로젝트에서 각각의 UI 요소들을 먼저 작업하는 경우 그 이유는, 공통적으로 많이 사용하는 UI 라이브러리를 만드는 개념으로 만들어두고 각 페이지의 골격을 만들며 그 안에 조립해나가는 식으로 하는거지요.
그렇게 할 경우 러프한 작업 순서는
UI세트만들기 -> 메인 페이지 골격 -> 서브 페이지 골격 -> 각 페이지 세부 내용
이렇게 됩니다. 페이지 골격을 만들고 내용을 채울 때 미리 만들어 둔 UI 세트에서 가져와서 쓰는 개념으로요.
개발 단계에서 미리 간단한 UI개발 스타일가이드가 만들어지는거지요~ 거기에서 각 페이지에서 필요할 때 가져다 쓰는 것이고요.
그렇게 하면 중복 코드를 줄이고 디자인 일관성을 유지하는 데에도 도움이 됩니다.
"작은 요소"를 먼저 작업한다기보다는, "공통으로 사용되는 UI 세트를 미리 만들어 두고 그걸 조립한다"라고 생각하시면 좋습니다. 작은 요소더라도 그 페이지에만 쓰이는 것들은 미리 만들어두지는 않습니다^^

2. 두번째 질문도 프로젝트 성격에 따라 다릅니다 ㅎㅎ 수업에서 그렇게 한 이유는, 간단한 UI 세트를 만드는 개념으로 그렇게 했어요. 자주 사용하는 UI 요소들의 세트를 따로 만들어두면, 다른 프로젝트에서도 그걸 가져다 쓰기가 용이하니까요~
저도 프로젝트가 간단하거나 귀찮으면 그냥 하기도 하는데, 분리하는 편이 장점이 많다고 생각됩니다^^

0

큐딩님의 프로필 이미지
큐딩
질문자

친절한 답변 감사합니다!
한 번도 강사님처럼 안해봤는데, 해보고 느껴봐야겠어요~

큐딩님의 프로필 이미지

작성한 질문수

질문하기