HTML 코드 쉽게 확인할 수 있는 사이트 (with. CSS / JavaScript)

HTML에는 브라우저만 있으면 쉽게 결과를 확인할 수 있다.

크롬 Chrome 브라우저에서 개발자 도구 활용이 유용하다.

 

하기에 설명된 방식을 통해서 Local로도 구축할 수 있지만

사이트에서도 빠르게 편집하면서 결과를 확인할 수 있다.

▶ [HTML] HTML 기본 구조 

▶ [CSS] CSS 선언방법  

 

w3schools

▶ https://www.w3schools.com/

왼쪽에서 Code를 편집하고 [Run] 버튼을 누르면 오른쪽에 반영된다.

 

liveweave

▶ https://liveweave.com/

Web Page는 크게 HTML & CSS & JavaScript 3가지 적절한 목적으로 사용되는데,

liveweave는 이 3가지를 하나의 UI로 반영해 볼 수 있다.

레이아웃 형태와 분할된 창크기도 자유롭게 Customizing 가능하다.