💡 웹페이지의 HTML은 어떻게 이루어져 있을까?
1. 웹페이지를 구성하는 HTML, CSS, JS
- HTML : 뼈대
- CSS : 꾸미기
- JS : 움직이기
2. 하나의 웹페이지가 갖는 기본 구조
<!DOCTYPE html>
<html>
<head>
<body>
</body>
</head>
</html>1) <!DOCTYPE html> : 이 문서는 html 언어를 사용했구나
2) <html> : 여기서부터 html 문서 시작
3) <head> : 문서 전체에 대한 간략한 정보
ex) word파일로 치면 제목, 저자와 같이 문서(웹페이지)에 대한 내용이지만 웹페이지 열었을때 가시적으로 보이는 부분은 아님
**head 태그에 쓰이는 전형적인 태그
: meta, title 등
4) <body> : 실제 보이는 내용의 시작
⭐ 'html:5' 약어 사용하면 html 뼈대 내용이 자동으로 작성 됨
💡 여기서 잠깐! 깨알 IT지식
1. 문자 인코딩
Q. html 작성 내용중 한글이 있는 경우 웹페이지에서 한글이 깨져 보이는건 왜일까?
A. '문자 인코딩'이 안 되어 있기 때문!
-
비트 :
컴퓨터 언어는 0,1로 표기
ex) 00001011 2의 8승 데이터 저장 가능 ㅡ A정보 -
64비트 : 하나의 정보를 표현하는게 2의 64승
(0,1 표기되는 자릿수가 64개) -
언어마다 문자표가 따로 있으며,
문자표가 다르면 볼수가 없었음
(문자 인코딩 - 문자를 0,1로 변환)
(디코딩 - 0,1을 문자로 변환) -
각국의 문자들을 한번에 표현해주는 인코딩 방식
= 유니코드 -
유니코드 인코딩 방식도 여러가지 방식이 있음
(가장 많이 쓰는 방식: utf-8)
= 이 파일은 유니코드로 만들어졌다.
ex) 엑셀을 열었는데 한글이 다 깨져있다?
=> 인코딩 문제
∴ 메뉴에서 인코딩 관련 메뉴에서 유니코드로 바꿔보기, 한글코드로 바꿔보기 등 시도해보기
2. 클라이언트 & 서버
- 클라이언트 : 똑똑 naver.com 자료 좀 주세요
- 서버 : 네, 자료 줄게요
-> 내 화면에서 naver.com 볼 수 있게 됨
무서운 속도로 흡수하는 스펀지 개발자 🧽