내 블로그에 jsfiddle을 사용하여 소스코드 공유하기

jsfiddle은 코드를 작성해서 

외부에서 공유및 수정도 가능하고 

블로그에도 임베디드 할 수 있는 멋진 사이트입니다.

jquery도 사용할 수 있고 

코드색상변환기능도 있고 

버전관리 

공동개발 등

아주 강력한 기능을 가지고 있습니다.

홈페이지는 

http://jsfiddle.net/

회원가입하고 시작하면 다음과 같은 화면이 나옵니다.

여기서 다음과 같이 코드를 작성해 보겠습니다.

이렇게 웹상에서 실행되는 것을 눈으로 확인할 수 있습니다.

저장하면 웹경로가 자동으로 생성되는데요.

현재 이페이지는 다음과 같습니다.

http://jsfiddle.net/anne_soft_guilbert/9ueY3/

경로를 클릭해 보면 이 소스가 그대로 있는 것을 확인할 수 있습니다.

이 경로로 가서 다른 사람이 작업해서 업데이트 하면 공동작업이 가능하면서 

일련번호가 생기며 저장되기 때문에 버전관리도 됩니다.

블로그에서 공유하려면

share버튼을 클릭하면 다음과같이 경로들이 나옵니다.

embed on page의 경로를 복사해서 블로그에 붙여넣으면 됩니다.

이렇게 블로그에서 활용이 되겠죠.