JSFiddle로 자바스크립트, HTML, CSS 쉽게 결과 확인하기

https://jsfiddle.net/ 라는 사이트인데 웹공부하기 딱 조음...

HTML, CSS은 물론이고 자바스크립트 까지 결과를 확인 할 수 있는 사이트 넘나 매력적임.

자신이 공부한 소스를 저장할 수 있고 공유도 할 수 있다.

기본 화면의 구성은 HTML, CSS, JAVASCRIPT, RESULT(결과값 확인창)로 되어있음.

화면은 마우스로 드래그 해서 늘였다가 줄였다가 할 수 있음.

편한대로 맞춰서 하면 됨.

사용법은 코드를 입력한 후 상단의 Run을 입력하면 결과값이 나온다.

그리고 그 내용을 공유하기 위해서는 Save를 누르면 저장되고 Save자리가 Update로 바뀐다.

저장한 후에는 주소를 복사하여 공유하면 된다.

<html>, <script> 같은 태그문이 없어도 구동하니까 완전 깔끔하고 편하다.

바로 확인 가능하니 넘나 편한것 같당.

콘솔창을 삽입하려면 아래와 같이 입력하면 됨.

추가해주면 콘솔창이 짜라란~

공부열심히 하세용~~

Some Story