codeahn

HTML교재는 HTML5+CSS3 웹표준의 정석 개정2판으로 하였다.

웹 브라우저의 종류는 크롬, 파이어폭스, 인터넷 익스플로러, 엣지, 사파리, 오페라등이 있다.

또한 자신이 사용하고 있는 웹 브라우저가 HTML5를 얼마나 지원하는지 알고 싶다면 웹브라우저에서 http://HTML5test.com/에 에 접속해 보면 555점 만점에 몇접이 뜨는지 알 수 있다.

웹편집기의 종류

이 중에서 비주얼 스튜디오 코드를 이용해서 공부할 것이다.

비주얼 스튜디오 코드의 장점은 대부분의 주요 플랫폼에서 모두 사용할 수 있으며, 태그와 CSS속성의 설명이 잘 되있고 확장이쉽다. 

https://visualstudio.microsoft.com/ko/downloads/

여기서 다운받으면 된다.

그리고 비주얼 스튜디오 코드 왼쪽 메뉴의 아이콘 중 확장 아이콘

를 찾아서 누르거나 ctrl+shift+x를 누른 후 

마켓플레이스에서 open int browser을 찾아서 다운받아주면 된다.

이것을 받으면 Alt+B로 브라우저에서 어떻게 보일지 미리 확인할 수 있다.

또한 기본적으로 브라우저는 F12를 통해 콘솔화면을 불러올 수 있다.

이걸 배우면게 되면 접속하는 기기에 따라 자동으로 레이아웃이 바뀌는 사이트를 만들 수 있다.

이것을 반응형 웹 디자인이라고 한다.

여기까지 했으면 기본적인 준비는 끝났다.