블로그에 CodePen(코드펜) 적용 방법
2023. 10. 21. 21:53ㆍHTML5&CSS3
CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
codepen.io
코드펜 사이트 접속 후
로그인하고 왼쪽을 보면 이런 식으로 되어있을 텐데 Pen을 클릭하면
코드를 작성 후에 Save를 하고 밑에 Embed를 하면
창이 나오는데 Copy Code를 하고 블로그에서 위에 설정에 기본모드 -> HTML모드로 바꾸고 원하는 위치에 복사 붙여 넣기를 하면
See the Pen Untitled by 호댕 (@qqtzjdxl-the-reactor) on CodePen.