웹문서의 본문을 구성하는 요소들중에 SECTION을 구성하는 요소에 대하여 알아보자. ✅ BODY 요소 요소는 문서의 본문 영역을 표시한다. 본문 영역은 실제 콘텐츠가 표현되는 공간이며, 이 공간에서 사용자와의 상호작용이 실질적으로 이루어진다. 또한 body 요소는 브라우저가 렌더링해야 할 범위를 알려준다. ✅ HEADER 요소 HTML5에 새롭게 추가된 요소로서, 웹 문서 맨 윗부분에 있으며 웹 사이트 이름, 글로벌 링크(로그인, 회원가입, 사이트맵, 언어 선택등 웹사이트 어느 곳에서든지 이용할 수 있는 링크)등으로 구성된 영역이다. LOGO 검색 사이트 이름(로고), 내비게이션, 헤드라인, 검색 등으로 구성된다. 과거에는 와 같이 사용했었다. 문서나 각 section, article 의 헤더 부분에 ..
📌 HTML 심화 개요 와이어프레임은 말 그대로 "와이어로 설계된 모양"을 의미하며, 단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한것입니다.웹 애플리케이션을 개발할 때, 와이어프레임은 레이아웃의 형태를 잡는 단계를 의미합니다. 이 단계에서는 와이어프레임을 설계하는 방법과, id와 class속성을 목적에 맞게 사용하는 방법을 학습합니다. 📌 Chapter3-1. 웹 페이지의 구조잡기 HTML은 틀과 구조를 만드는 언어이다. 마크업언어라는 것은 구조를 만드는 언어이다. 이 사진은 N사이트의 댓글창이다. 이 화면을 만드는 과정을 소개하겠다. 결과적으로 이 화면을 만들기위해서는 HTML과 CSS가 필요하다. 어떻게 설계를 할까? 실제로 우리가 작업을 완료하면 이 댓글창이 완벽하게 작동이 되..
HTML(HyperText Markup Language)은 JavaScript와 같은 프로그래밍 언어가 아니라 웹 페이지의 뼈대를 구성하는 마크업언어입니다.이번 섹션의 목표는 하나의 완성된 웹 애플리케이션을 만드는 것입니다. 이를 위해 HTML로 구성된 뼈대 위에 JavaScript로 기능을 구현하고, CSS로 스타일을 입히는 과정을 거치게 될 것입니다. 따라서, 이 단계에서 HTML에 대한 기본적인 개념과 사용법을 충분히 익히는 것이 중요합니다. Chapter2-1. HTML 기본 구조와 문법 HTML - 웹 페이지의 틀을 만드는 마크업 언어 선언을 빼고 나머지 태그들은 쌍이 있다. 여는 순서와 닫는 순서가 철저하게 지켜지고있다. 이것을 트리 구조라 한다. HTML 태그들은 정말 많이 있다. 다 외우기..
마크업언어 : HTML HTML은 집을 짓기 전 설계도에 따라 구조를 잡듯,웹 페이지의 구조를 짜는 언어 Chpater1. 웹 개발 이해하기 HTML - 구조(Structure) CSS - 스타일(Presentation) JavaScript - 상호작용(Interaction) 웹개발과정은 건물을 짓는것과 같다. 너무 어려우면 강아지 집을 짓는것을 생각해보자. 누군가가 강아지 집을 지을때 강아지 집의 구조를 간단히 그리는 것은 웹개발에서 HTML 을 작성하는 거와 같다. 누군가가 그린 강아지 집의 구조를 그릴때 '어디가 문이다', '어디가 제목이다',이런 정보를 기록해야한다. 그것을 HTML로 문서화하면 오른쪽 그림과 같다. 누군가가 강아지 집에 대한 디자인에 대한 정보를 기록해논것을 문서화하면 css를 ..
