강의

멘토링

로드맵

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

Gyeongrok  Oh님의 프로필 이미지
Gyeongrok Oh

작성한 질문수

반응형 웹사이트 포트폴리오(Architecture Agency)

PC 레이아웃 섹션 상세 퍼블리싱(Project Section) - 탭 콘텐츠 퍼블리싱 #02

선생님! project-info 안에 별도의 div를 넣지 않고 padding으로 처리하신 이유가 있을까요?

작성

·

201

1

선생님! project-info 안에 별도의 div를 넣지 않고 padding으로 처리하신 이유가 있을까요? 그 기준이 궁금합니다! 퍼블리셔가 상황에 맞게 그냥 하면 되는건지요 !

퀴즈

프로젝트 섹션의 복잡한 UI를 개발할 때, 별도의 HTML 파일을 만들어 프로토타입을 먼저 제작하는 주된 이유는 무엇일까요?

최종 파일의 CSS 충돌을 방지하기 위해서입니다.

기능 개발에 집중하고 복잡성을 줄이기 위해서입니다.

자바스크립트 코드 작성을 미리 테스트하기 위해서입니다.

이미지 파일 로딩 속도를 최적화하기 위해서입니다.

답변 1

1

.project-info 안에 자식요소들이 가로배치가 된다면 div로 구분을 해줘야 하지만... 지금의 경우 .project-info 안에 자식요소들이 단순히 세로배치되니까 굳이 div로 묶지 않았습니다.

물론 퍼블리싱은 제작자에 따라 다르지만 지금은 경우 .project-info 안에 div를 만들고 그 div 안에 h2, p, ul을 사용한다면 .project-info 안에 div는 전혀 역할을 하지 않습니다. 곧, 역할을 하지 않는 계층구조가 있는건 불필요한 코딩이라고 생각합니다.

Gyeongrok  Oh님의 프로필 이미지
Gyeongrok Oh

작성한 질문수

질문하기