생각 작업실 The atelier of thinking

웹페이지를 만드는 여러가지 목적이 있겠지만, 효율적인 정보 전달은 가장 큰 목적 중에 하나일 것입니다. 이러한 정보 전달을 위해 필요한 작업 중에 하나가 레이아웃 입니다. layout의 사전적 의미는 구성, 배치 등으로 해석할 수 있습니다. 웹페이지를 잘 구성하고 배치하게 되면 내용을 전달하는 데 훨씬 효과가 커질 것입니다. 앞서 시맨틱 태그와display, float 등을 이용하여 레이아웃을 작성해봤습니다. 이번 회차에는 웹페이지를 위한 강력한 레이아웃 시스템을 제공하는 기술인 CSS Grid Layout에 대하여 알아보겠습니다. 이를 사용하면 복잡한 레이아웃을 효과적으로 구성할 수 있으며, 행과 열의 구조를 통해 요소를 배치할 수 있습니다. 1. HTML 구문 grid layout 이란 큰 틀 안에 ..

지금까지 CSS를 가지고 웹페이지를 어떤 식으로 디자인하는지 하나하나 어떻게 색상 부분을 조절한다든가 텍스트의 크기를 크게 하거나 작게 조절한다거나 하는 등에 대해서 살펴봤습니다. 이번회차에는 CSS의 개별적인 속성들이 실제 웹페이지로 만들어지는 과정은 어떻게 되는지, 전체적인 웹페이지의 구성은 어떻게 하는지, 그리고 개별적인 요소들이 어떻게 어우러지는지 살펴보겠습니다. 1. 웹페이지 레이아웃이란? 웹페이지의 목적은 다양하며, 각각의 웹페이지는 특정한 목표를 달성하기 위해 설계됩니다. 웹페이지는 정보제공, 상품 또는 서비스 판매, 교육, 엔터테인먼트 등 다양한 목적이 있는데, 이 목표를 달성하기 위해서는 구성을 사용자 중심의 디자인과 효율적인 정보 전달이 될 수 있도록 하여야 합니다. 출처 : GS SH..