웹디자인/HTML CSS JS
티스토리에 CodePen 연결하기 !
yerimi
2023. 5. 7. 00:39
1. 코드팬 회원가입 !
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
2. 코드팬에서 Pen 선택
그런뒤 html /css / js 를 작성
3. 글을 작성 한 뒤 SAVE 버튼 클릭
4. 저장 한뒤 오른쪽 하단에 Embed 클릭!
5. html 코드 복사!
6. 티스토리에 '아무글씨나' 써줌!!!
7. 티스토리에서 HTML모드로 변경
8. 6번에서 썼던 글씨를 지워줌!
9. 그자리에 5번에서 복사했던 html코드를 삽입!
10. 그러면 밑에처럼 나오는데 이게 성공한것임!!
발행한 뒤 보면 잘 나와있음
See the Pen 설명용 by yeruru (@yeruru) on CodePen.