https://jsfiddle.net/

 

  이곳은 codepen처럼 HTML, CSS, 스크립트를 온라인으로 실행해 볼 수 있는 곳입니다. 

codepen은 많이들 알고 계실테니까 설명 패스~

jsfiddle도 codepen과 거의 같은 기능이니까 설명 패스~

 

 

  그런데 jsfiddle가 더 편리한 점은 아래의 기능이라고 생각합니다. 

바로 실시간 코딩 화면 공유죠.

 

코드 입력후 맨 위의 Collaborate를 누르시고

 

잠시 기다리면 오른쪽 아래에 이런게 뜹니다.

 

이걸 실시간 공유하고 싶은 상대에게 보내는 거죠.

 

 

  그러면 양쪽 PC의 브라우저에 같은 화면이 생깁니다.

(아래 그림에서 보라색 포인터가 보낸 사람 마우스 움직임이구요,

파란색 포인터가 받아서 보고 있는 사람 브라우저의 마우스 움직입니다.

마우스 이동을 그대로 보여줘요.)

 

 

 

  코딩 설명해 줄 때 진짜 좋은 거 같아요.

어디에 입력하는지, 실행하면 어떻게 되는지를 쉽게 전달할 수 있으니까요.

 

말로 전달 안 될때, 그렇다고 영상 강의를 찍어 보낼 정도의 것도 아닐 때

많이 써먹으세요~~