[혼자 공부하는 얄팍한 코딩 지식] CH02-2. 웹사이트

웹 브라우저

ex) 구글 크롬, 마이크로소프트 엣지, 애플 사파리

웹사이트를 여는데 사용되는 소프트웨어. 

html 확장자를 가진 문서를 읽는데 사용된다.

---

HTML

HyperText Markup Language → 마크업 언어.

태그를 사용하여 어떤 요소를 어떻게 놓을지 배치하는 설계도.

CSS

스타일 언어(style sheet language)

특정 요소들의 디자인 속성을 지정해주는 역할

<!-- html에서 css 파일 불러오기 -->
<link rel="stylesheet" href="ch02-2.css">

Java Script

동적인 기능을 구현하는 프로그래밍 언어

<!-- html에서 js파일 불러오기 -->
<script src="./ch02-2.js"></script>

 

"각 요소를 배치하고 (HTML), 요소를 꾸미고(CSS), 요소에 기능을 넣어준다(Java Script)."

 

해당 예시는 GitHub에 올려 놨다.

https://github.com/imyunhee/front-end.git

GitHub - imyunhee/front-end

front-end(repositories) → 혼자 공부하는 얄팍한 코딩 지식 → ch02-2

---

웹 표준

브라우저마다 HTML, CSS, Java Script 코드를 실행하는 방식에 유의미한 차이가 없도록 하는 것.

▶ 인터넷 익스플로러: 웹 표준을 지키지 않아 개발자들은 익스플로러와 웹 표준을 준수하는 브라우저에서 작동하는 웹사이트를 각각 제작하여야하는 어려움이 있음. 2022년 6월부터 사용할 수 없게 됨. 2029년 이후에는 완전히 종료 될 예정.

반응형 웹

화면 크기에 따라 홈페이지의 크기가 변화하는 웹사이트. 단순한 구조의 웹사이트일 때 유리.

적응형 웹

정해진 화면 크기나 기기에 맞게 홈페이지를 따로 제작하는 웹사이트. 복잡한 구조의 웹사이트일 때 유리.