포스트 보기
포스트 썸네일 [작업기록] codepen 작업내용 Embed로 추가하기
NO  : 16 작성자 : cheolee
주제  : 공부 > 블로그관리 조회수 : 31 등록일 : 2024-09-03
코딩 연습 내용에 대한 기록을 할 때 codepen에서 작업했던 내용을 내글에 추가하는 방법입니다.
 
1. https://www.codepen.io 에 로그인 후 코드 작성 및 ①저장 후 ②Embed 버튼을 클릭합니다.
 

 
2. Copy Code 버튼을 클릭하여 Embed 코드를 복사합니다.
 


 
3. html 문서의 원하는 위치에 위에서 복사한 코드를 붙여넣습니다.
 

 
4. 페이지를 다시 로딩하여 아래와 같이 추가되었는 확인 합니다.
 


위와 같이 codepen 작업내용이 Embed 되지 않았다면, 복사하는 코드를 <div></div> tag로 감쌌는지 확인해봅니다.
복사하는 코드를 <div></div> tag로 감싸지 않는 것을 권장합니다.
댓글 0 개 댓글 보기

관련 포스트 목록