멋진 개발자가 되고 싶어

[codepen] 코드펜 코드 복사해와도 안될 때 (코드펜에 적용된 라이브러리 찾는 법) 본문

CODE/유용한 정보

[codepen] 코드펜 코드 복사해와도 안될 때 (코드펜에 적용된 라이브러리 찾는 법)

nutonny 2023. 1. 11. 10:48

코드펜에 적용된 라이브러리 찾는 법

 

프로그래밍을 하다보면 코드펜에서 소스코드를 옮겨올 때가 많다. 하지만 나의 프로젝트에서는 코드가 제대로 작동하지 않는 경우가 흔하게 발생한다. 그럴 때는 라이브러리가 모듈로 삽입되지 않은 경우가 대부분이다. 이때 코드펜에 적용된 라이브러리를 확인하고 자신의 프로젝트에 적용하는 방법에 대해서 기록해봤다!

 

  • 원하는 코드펜 창 켜기
  • 우측상단에 settings 클릭
  • (css 라이브러리의 경우) css 탭의 Add External Stylesheets/Pens 확인
  • (js 라이브러리의 경우) js 탭의 Add External Scripts/Pens 확인
  • 하단에 들어있는 링크들은 cdn으로 추가된 라이브러리
  • 해당 링크를 참고하여 본인의 프로젝트에도 적용

'CODE > 유용한 정보' 카테고리의 다른 글

카카오맵 약도서비스 넣는 방법  (1) 2024.10.10
저는 pdf가 좋습니다(pdf 변환 사이트)  (2) 2024.10.08
디렉토리 구조를 텍스트로 표현하기(윈도우)  (0) 2024.04.20
웹에 애니메이션 로고를 넣어보자 (간단함 / SVG 애니메이션 제작)  (0) 2023.08.05
[codepen] 오픈 소스 활용 시 주의할 점  (0) 2023.01.18
'CODE/유용한 정보' Related Articles more
Comments