![]()
코드펜(CodePen) 티스토리에 적용하기 - 소스타입설정부터 적용까지 지난 시간에는 코드펜 사이트에 접속해서 회원가입과 간단한 소스코드를 작성해 본 시간을 가져보았는데요. 이번 시간에는 소스코드를 티스토리에 적용하는 방법에 대해서 알아보도록 하겠습니다. 이전 포스팅은 하단의 링크를 참고해 주세요. 코드펜(CodePen) 티스토리에 적용하기 - 회원가입 소스코드 복사하기 이제 앞의 포스팅에서 작성한 소스코드를 티스토리에 적용하기 위한 준비를 진행해 보도록 하겠습니다. 소스코드 작성 후 흰색 영역에 실행 결과를 확인하면 우측 위에 위치한 'Save' 버튼을 클릭합니다. 해당 버튼을 클릭해서 소스코드를 저장해야만 작성한 소스코드를 티스토리에 적용할 수 있으니 'Save' 버튼을 클릭해 주세요. 'Save' ..
![]()
코드펜(CodePen) 티스토리에 적용하기 - 회원가입부터 소스작성까지 IT관련한 티스토리를 보면 여러 방법으로 소스코드를 적용하는 분들이 많이 있습니다. 그중에서 이번에는 HTML, CSS, JavaScript 언어에 대해 포스팅을 할 때 이용하기 좋은 코드펜에 대해 알아보도록 하겠습니다. 코드펜(CodePen)이란? 코드펜은 사용자에게 HTML, CSS, JavaScript 코드를 작성할 수 있는 기능을 제공해주고, 작성된 결과를 확인할 수 있도록 도와주는 코드 편집기입니다. 해당 코드 편집기의 좋은 점은 코드를 테스트하기 위해 전체적인 소스코드를 작성하지 않고, 일부분만 작성해도 원하는 실행결과를 나타내주는 것이 특징인데요. 예를 들어 우리가 JavaScript에서 alert('Hello World..
