[개념] 웹 개발의 필수 - HTML css javascript

오레오·2023년 12월 6일
0

오픈SW플랫폼

목록 보기
1/8

HTML

HTML이란 웹사이트의 모습을 기술하기 위한 마크업 언어. 웹 브라우저에서 문서 및 웹 페이지가 표시되는 방법을 규정하는 언어이다. 이를 사용하여 웹사이트의 구조를 만들 수 있다.

마크업 언어(Markup Language)란?
문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종이다.

CSS(Cascading Style Sheets)

HTML등의 마크업 언어로 만들어진 문서의 스타일을 지정하는 방식을 규정하는 스타일 시트 언어이다. 색상, 테두리, 폰트 등 간단한 스타일 지정부터 반응형 특징을 정의하는 등 문서를 꾸며주는 역할을 한다.

여기서 CSS의 C는 Cascading의 약자다. 한국말로 직역하면 ‘폭포수처럼 흐르는'을 뜻하는데 이는 상위 요소의 스타일 속성을 자손 요소들에게 상속시켜주는 모습이 DOM 트리구조에서 마치 폭포수처럼 내려가는 모습을 닮았기 때문에 쓰였다.

CSS는 총 3가지 방법으로 사용할 수 있다.

  1. 태그 내의 style 속성
<h1 style="display: hidden;"></h1>
  1. 내부 css 파일
<style>
    h1 {
    display: hidden;
    }
</style>
  1. 외부 css 파일: html 파일에는 다음 코드만 입력.
<link href="css 파일의 경로" type="text/css" rel="stylesheet">

JavaScript

자바스크립트는 객체 기반의 스크립트 언어이다.

스크립트 언어란?
프로그래밍 언어의 한 종류로, 기존에 이미 존재하는 소프트웨어(애플리케이션)를 제어하기 위한 용도로 쓰이는 언어이다.

자바스크립트가 가지고 있는 언어적 특징은 다음과 같다.

  1. 자바스크립트는 객체 기반의 스크립트 언어이다.
  2. 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어이다.
  3. 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다.

HTML, CSS, JS가 웹을 이루는 방식

세 가지는 웹을 이루는 기본적인 요소이다. 이들이 웹에서 하는 역할을 정리해보자면 다음과 같이 말할 수 있다.

  • HTML: 웹 페이지의 기본 구조와 뼈대 담당

  • CSS: 웹을 디자인

  • JavaScript: 클라이언트 단에서 웹 페이지가 동작하는 것을 담당

profile
2023-2 오소플

0개의 댓글