HTML, CSS, JS
html : hyper text markup language
hyper text : 링크(link)를 통해 문서 이동을 하는 글자들.
html : 태그로 이루어짐. 태그가 제한되어 있음. 미리 만들어진 태그만 사용 가능.
xml
- extensible markup language : 확장 가능한 html.
- 사용자가 markup language(태그)를 만들 수 있다.
- html의 확장으로는 복잡해서 망함.
- 데이터를 저장하는 형식으로는 유용하게 쓰임.
tag : 태그
- <>안에 규칙을 선언함.
- 시작 태그와 종료 태그의 한 쌍으로 이루어짐.
<html></html>
- html 문서의 시작과 끝을 의미.
- 모든 html tag는 <html></html> 사이에 위치한다.
<head></head> : html 문서의 기본 정보를 갖는 부분.
- <title></title> : 문서의 제목
<body></body> : html 문서의 표현하는 내용을 갖는 부분client side programming language : html, css, javascript
client side : 사용자의 pc web browser에서 실행된다.
html : 문서의 구조를 정의하고, 내용을 작성한다.
javascript : 문서에서 일어나는 동작을 담당.
css : 문서를 이쁘게 꾸미는 역할.
jquery : javascript 진화 버전 : javascript를 좀 더 편하게 사용하는 방법을 제시한 것. (라이브러리 사용)
compile 언어 : 컴파일식
- 특정 운영체제에 특화된 형식으로, 실행파일을 생성.
- 실행 직전에 존재하는 코드의 형식은 assembly, byte code 형태
-> 실행하면서 0과 1을 생성. - c언어.
interpret 언어 : 번역식
- 특정 운영체제에 특화된 형식으로, 실행파일을 생성하지 않음.
- 실행 직전에 존재하는 코드의 형식은 인간이 이해하기 쉬운 언어 형태.
-> 실행할 때 0과 1을 생성. - html, css, javascript.
반응형 웹 : 화면 사이즈에 비례해서 컨텐츠의 크기가 달라지는 것
<meta charset="UTF-8"><!-- 웹브라우저에 현재 문서의 사용 언어가 utf-8임을 알림 -->
<!-- meta viewport : 웹브라우저가 현재 문서를 보여주기 위한 화면 사이즈 -->
<!-- width=device-width : 현재 문서의 가로 사이즈가 모니터/휴대폰 등의 가로 사이즈에 맞춰라 -->
<!-- initial-scale=1.0 : 현재 문서의 확대 여부, 1보다 크면 확대, 1보다 작으면 축소 -->