티스토리에 코드펜 CodePen 소스코드 올리는 방법
열심히 짜놓은 코딩을 티스토리에 직접 업로드 하려니까 일반적인 스타일의 CSS의 경우는 그냥 스크린샷을 해서 이미지 통째로 올려도 상관은 없지만 움직이는 애니메이션, 자바스크립트의 경우는 결과 화면을 보여주기가 쉽지가 않습니다. 이럴때 필요한것이 코드펜 (Codepen) 입니다. 코드펜은 HTML, CSS, JS 등을 직접 입력해서 결과화면을 얻고, 이것을 다른 사람들과 공유함으로서 코딩 노하우를 공유하는 외국 사이트 입니다. 더불어 자신이 짜놓은 소스코드를 그대로 티스토리에 올릴 수 있습니다. 코드펜으로 올리면 결과화면까지 공유할 수 있어서 방문자도 직접 이것저것 클릭도 해보고 움직여보면서 같이 결과화면을 볼 수 있으니 더욱 직관적 설명이 가능합니다. 그러면 어떻게 올리는지 확인해 보겠습니다. 먼저 코..