[CodePen] tistory에서 CodePen 사용하는 방법

1. CodePen 로그인 하기 (github 연동하면 편리)

 

 

2. Pen 작성하기

 

 

3. 우측 하단의 Embeded 눌러 소스 코드 복사하기

 

 

4. HTML 블럭에 카피한 코드 붙여넣기

 

 

 

<활용 예시>

See the Pen Fibonacci Calculator by NKKIM3107 (@NKKIM3107) on CodePen.

 

 

 

 

!주의할 점!

공유한 이후더라도 CodePen에서 코드를 수정하면 공유된 페이지에서도 코드가 동기화 되어 바뀌므로 새 코드를 작성할 때에는 새로운 work 페이지를 열어 작성해야 한다!