티스토리에 코드펜 CodePen 소스 코드 올리는 방법

티스토리에 CodePen을 활용하여 소스 코드 올리는 방법입니다. 이 글은 티스토리 글쓰기가 예전 버전이 아닌 신규 버전 즉 아래 사진과 같은 글쓰기 버전을 위해서 작성하였습니다. 코드를 티스토리에 직접 업로드하는 방법은 다음과 같습니다. 텍스트 형식으로 업로드 이미지로 캡처하여 업로드 티스토리에서 제공하는 코드 블럭을 통해 소스 코드를 업로드 CodePen과 같은 것을 이용하여 업로드 1~3번까지는 모두 정적인 텍스트 또는 이미지 형식이라 움직임이 있는 동적인(애니메이션, 자바스크립) 경우에는 결과 화면을 보여주기가 쉽지 않습니다. 또한, 불펌 방지를 위해 마우스 드래그 및 마우스 우클릭을 막은 블로그에선 소스 코드를 방문자가 쉽게 복사하여 이용할 수 없습니다. 하지만, 코드펜(CodePen)을 이용하..

원문링크 : 티스토리에 코드펜 CodePen 소스 코드 올리는 방법