HTML 코드 온라인에서 바로 보기 : CodePen

html 코드를 작성하고 웹으로 옮겨보는 게 아니라 코드 작성 즉시 확인을 하고 싶다면 아래 사이트에서 확인이 가능하다.

 

CodePen 

codepen.io/pen/나도 우연찮게 검색을 하다가 발견했는데 너무나도 편리하다. 티스토리 스킨을 내입맛대로 편집을 하고 싶은데 입력하고 확인해오고 수정하는게 너무 번거로워서 계속 작업을 미루고 있었다. 그런데 CodePen을 이용하니 색상, 글꼴 등 작성한 모든 것을 한 번에 즉시즉시 실시간으로 변환해서 보여준다.

Create a New Pen

 

 

 

티스토리 스킨 편집을 위해 html을 처음 접하는 사람도 별도의 설치 혹은 구현 과정 없이 CodePen 사이트에서 코드를 입력하고 바로 결과 확인을 할 수 있다.

Codepen 사이트에는 이렇게 세 구좌로 나뉘어서 입력창이 구성되어 있으며 입력한 내용은 바로 입력하자마자 1초? 2초 이내에 아래쪽에서 즉시 확인할 수 있다. 너무나 편리한 것.