사실 매우 간단하나 나처럼 헤맬 분들이 있을까 하여 올려본다.
1. codepen 가입
아래 주소로 들어가면 오른쪽 상단에 sign up 버튼이 있다.
(로그인한 상태여야 embed가 된다)
https://codepen.io/
2. 코드 저장
상단의 save 버튼이 있다.
3. embed
저장하고나서 하단의 embed 버튼을 누르면
아래와 같은 창이 뜨는데 html 코드를 추천한다고 써있지만
velog에는 잘 안되는거같아서 iframe으로 가져와 보기로한다.
소스 그대로 복사하여 글쓰는 곳에 붙여 넣고 저장하면 끝이다.
아래는 iframe소스를 그대로 가져온것이다.
🌱step by step