일상기록소✍️

▶ 제작에 필요한 웹 기술 정리 웹 페이지를 만드는 데에 있어 제작 순서도 중요하지만 본인이 원하는 것을 보여주기 위해서는 필요한 웹 기술 있어야 한다고 생각합니다. 따라서 저는 몇 가지 홈페이지 제작에 필요한 웹 기술에 대하 간략히 정리를 하고자 합니다. ◈ 제작에 필요한 웹 기술 바로 알기 1. MediaQuery를 이용한 제작기술 MediaQuery란 화면해상도, 기기 방향 등의 조건으로 HTML에 적용하는 스타일을 전환할 수 있는 CSS3 속성을 말합니다. 예) 가로너비가 320px이상 ~ 768이하 @media screen and (min-width:320px) and (max-width:768px;) { //실행문 } 2. Viewport 바로 알기 Viewport는 미디어쿼리랑 연결되어 같이..

▶ 웹 페이지 제작순서 바로알기 안녕하세요? 오늘은 웹 페이지를 만드는 과정에 대한 설명을 드리고자 합니다. 처음부터 디자인부터 브라우저에 보이기까지 어떻게 작업을 시작해야할지 막막하신 분들이 있을거라 생각합니다. 그런 분들을 위해 간략하게 설명을 드리고자 합니다.^^ ◈ 제작과정 순서 먼저 첫번째로 디자인 작업에 앞서 새로 만드는 웹 페이지든 리뉴얼 하는 웹 페이지든 간에 레이아웃 작업을 먼저 구상해야 합니다. 각 영역별 어떤 디자인과 어떤 내용이 들어갈 것이며 반응형으로 작업을 하게 될 때의 레이아웃 고려 등 구체적인 기본구조를 짜야 합니다. 레이아웃 작업을 마쳤으면 html태그를 사용하여 들어가야 할 내용에 맞게 영역을 잡아줍니다. 즉 뼈대를 만들어주는 작업 진행하는 것을 말합니다. html태그 마..