웹브라우저와 웹 편집기_ DO it HTML+CSS 개념1

모든 파일에는 각자 고유의 형식, 즉 확장자가 있다.

그 중 텍스트와 이미지/링크 등의 여러 요소를

보기 좋게 정리해서 보여주는 것이 웹문서이다.

 

*웹 문서를 보는 프로그램(웹 브라우저)

*웹 문서를 작성하는 프로그램(웹 편집기)

 

출처: www.youtube.com/watch?v=DSRbVs9oC4w

웹 표준: 여러 기기에서 같은 내용을 볼 수 있도록 하는 것

→HTML5로 문서를 만든다 = 웹 표준을 지킨다.

웹 브라우저에는 크롬~엣지같은 다양한 종류들이 있다.

HTML에서는 익스플로러를 고려하지 않는다.

 

어느 정도 수준까지 지원하는지 확인하려면 아래 사이트 참조!

http://html5test.com

 

어느 브라우저에서 어떤 기능을 지원하는지

한 눈에 확인할 수 있다.

 

[웹 편집기 종류]

기본적으로 메모장을 쓰기도 하지만,

보통 웹 편집기를 사용한다.

오류를 알아서 잡아주기도 하고,

자동으로 행을 열고 닫아주기 때문에 편리하다.

비주얼 스튜디오 코드를 쓰는 이유는 위와 같다.

모든 플랫폼에서 지원이 가능한데, 무료기 때문.

 

이상 웹브라우저와 웹편집기의 기능을 이해했다.

 

*vscode(비주얼 스튜디오 코드)를 쓸 때

'라이브서버'라는 확장기능을 설치하면 좋다.

 

편집기에서 작성한 걸 저장,

탐색기에 가서 더블클릭하는 과정을 

빠르게 해준다.

(즉, 웹브라우저에서 반영되는 걸 실시간으로 확인 가능)