웹 개발에 대해 with HTML

lso 4월 15, 2025

HTML/CSS, 자바스크립트에 대해

HTML은 웹 페이지의 구조를 정의한다. 웹 컨텐츠의 의미와 구조를 나타내는 데 사용된다. 태그라는 특수한 코드를 사용하여 문서나 데이터의 구조를 마크업한다.

CSS는 HTML 요소의 스타일을 지정하고, 페이지의 레이아웃과 시각적 요소를 제어하는 데 사용된다. CSS는 폰트, 색상, 간격, 크기 등의 스타일을 지정할 수 있다. 또한 반응형 웹 디자인을 구현할 때도 쓰인다.

웹사이트를 더 인터랙티브하게 만들 수 있는 프로그래밍 언어이다. HTML/CSS보다 복잡하지만 강력한 기능을 구축할 수 있고, HTML/CSS 구성 요소를 변경할 수 있다. HTML이 웹사이트의 구조 제공, CSS가 외관을 제어한다면 자바스크립트는 다양한 요소들의 동작을 변경한다. 

Vue.js는 자바스크립트를 기반으로 하는 프론트엔드 프레임워크 중 하나이다. 사용의 용이성과 유연성으로 인기가 높다. 컴포넌트 기반의 아키텍처를 통해 재사용 가능한 UI 컴포넌트를 만들고, 구조를 효율적으로 관리할 수 있게 한다.


HTML 기초

웹 페이지의 콘텐츠와 구조를 정의하는 데 사용되는 마크업 언어이다. HTML 문서는 <tag>를 사용하여 구조화되며, 태그들이 문서의 다양한 부분을 나타낸다.

이때 마크업(and 마크다운) 언어란?

마크업 언어는 마크로 둘러싸인 언어이다. 태그로 둘러싸였다고도 한다. HTML, XML등의 마크업 언어들은 문서의 구조를 정의한다.  마크다운 언어는 마크업 언어의 반대는 아니고 일종이다. 좀 더 읽고 쓰기 쉽게 만든 언어로 "Readme.md" 파일에 쓰이는 언어이다.

주요 태크들

1. <html> : HTML 문서의 루트 요소를 정의
2. <head> : 문서의 메타데이터를 포함 (CSS 링크, 제목)
3. <title> : 웹 브라우저 탭에 표시되는 문서의 제목
4. <body> : 웹 페이지의 본문 콘텐츠를 포함
5. <h#> : 제목 태그를 나타내며 #이 작을수록 큰 제목
6. <a href="URL"> : 하이퍼링크를 생성

CSS 기초

HTML 요소의 스타일을 지정하는 데 사용되며, 색상이나 글꼴 등 웹 페이지의 시각적인 요소를 제어 가능하다.

lso

작성자: lso

댓글 쓰기

0 댓글