HTML5+CSS3]1-2 웹 브라우저와 웹 편집기

https://www.youtube.com/user/easyspub

 

easyspub

 

 

웹브라우저의 종류

✔크롬, 파이어폭스, 인터넷 익스플로러. 엣지, 사파리, 오페라 등등 다양한 웹 브라우저들이 있다.

 

✔자신이 사용하고 있는 웹 브라우저가 HTML5를 얼마나 지원하는지 http://HTML5test.com/ 을 통해 확인 할 수 있다.

 

웹 편집기도 다양하다.

✔텍스트 편집기 (메모장)

 사용자가 태그를 일일이 직접 입력해야 하기 때문에 HTML 태그와 속성을 알고 있어야 하고, 입력할 때 오류가 발생하기 쉽다.

 

✔웹 편집기 (노트패드++ , 비주얼스튜디오코드, 에디트플러스, 외)

태그와 속성, 일반 텍스트 등을 서로 다른 색으로 표시해주므로 소스를 읽기 쉽고 편집기에 따라 태그나 속성의 일부만 입력하더라도 전체를 완성해주기 때문에 오타로 인한 문제를 줄일 수 있다.

 

✔통합개발환경(IDE)(비주얼스튜디오, 웹스톰, 서브라임텍스트)

여러 언어들을 함께 사용 가능하며, 사용자에게 필요한 개발 환경을 한꺼번에 구축하고 사용할 수 있게 해준다.

 

✔웹 기반 코드 편집기

웹상에서 소스 코드를 입력하고 결과를 바로 확인할 수 있다.여러 팀원들과 공유하며 개발하기에 쉽다.