Codepen Embed 이유?
개발 블로그를 만들기 위해서는 코드 공유가 필수라고 생각함.
Codepen 삽입 방법
1.아래 링크를 통해 Codepen에 접속
2. Log in 버튼 클릭하여 로그인
3. New Pen 클릭하여 새 Pen을 생성
4. 간단한 테스트 코드 작성 후 save(상단의 Save 버튼 클릭 혹은 ctrl+S)
5. 우측 하단의 Embed 버튼 클릭후 Iframe 탭으로 이동하여 소스 코드 복사
6. 블로그 포스트 내용에 붙여넣기를 하면 우측에 다음과 같이 생성됨.
- Codepen 적용 모습
도움이 되었으면 좋겠습니다.!!
즐기자