728x90 반응형 codepen2 [codepen] 코드펜에 제이쿼리(jQuery) 넣기!! 안녕하세요~ 코드펜으로 간단한 코드를 테스트해 보는 경우가 자주 있습니다. 특히 저는 요즘 포스팅을 작성하면서, 테스트용으로 코드펜을 사용하고 있는데요~ js 코드를 입력할 때 순수 자바스크립트 사용이 가능하지만, 셀렉터를 빨리 잡기 위해 제이쿼리(jQuery)를 이용해 코드를 작성하기도 합니다. 이럴 때! 코드펜에 제이쿼리를 넣어서 테스트하고자 하는 분들을 위해서 이번 포스팅에서는 코드펜에 제이쿼리 플러그인을 추가하는 방법을 소개합니다~ 코드펜에 제이쿼리 플러그인 추가하는 방법 1. 코드펜 접속 https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development .. 2022. 4. 7. [codepen] 코드펜 코드를 블로그에 넣는 방법!! 코드펜 코드를 블로그에 넣는 방법!! IT 개발자 분들은 코드펜을 많이 활용할 텐데요~ codepen에서 구현한 코드를 블로그로 불러오는 방법을 소개하겠습니다. 코드펜에 먼저 회원가입 후, 로그인되어 있는 상태에서 설명드립니다. 1. 좌측 사이드바 > CREATE > Pen 또는 우측 프로필 > New Pen 클릭! 2. 코드를 작성할 수 있는 화면이 나타납니다. 코드를 작성 후 Save 해주세요. 코드 작성 전 코드 작성 후 3. Embed 클릭해주세요! 4. Code Copy 클릭해주세요! 5. 블로그 페이지에서 더보기 > HTML블럭 클릭 또는 기본모드 > HTML 클릭해주세요. 6. 해당 영역에 codepen 코드를 붙여 넣기 해주세요. 블로그에 코드펜 넣기 완성!!👏👏 💡Tip. codepen .. 2022. 3. 24. 이전 1 다음 728x90 반응형
