티스토리소스코드

티스토리 블로그에 'CodePen' 소스 코드 블록 넣기

티스토리의 HTML 코드블럭을 사용해 Audio 버튼 소스를 두 개 삽입하니 소스 하나가 재생이 되지 않는 현상이 발생해서 소스 하나로 합쳐 타협을 봤었다.. 앞으로의 포스팅에 계속 불편을 겪을 것 같아 검색을 통해 알게 된 '코드펜(CodePen)'을 사용해 보고자 한다 코드펜(CodePen)은 온라인 컴파일러로, (HTML/CSS/JS)의 소스 코드를 입력하면 결과 화면을 동적으로 바로 확인할 수 있으며, 복사 가능한 형태로 블로그에 공유도 가능해서 방문자에게 더욱 직관적인 설명이 가능해진다. 웹에서 연습용도로 사용하거나 포스팅할 때 유용하게 쓰일 것 같다 Step 1. 회원가입 코드펜을 사용하려면 회원가입을 해야 한다. 이메일 인증까지 마쳐야 가입이 완료된다 https://codepen.io Cod..