728x90 반응형 Tool3 [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. [Xcode] ios Simulator(시뮬레이터) 디버깅 방법 안녕하세요~ 아이폰과 동일한 기기 환경에서 web화면을 확인을 위해 Xcode를 많이 사용하고 계실 텐데요~ Xcode로 web화면을 확인에서 끝나지 않고, Simulator를 통해 디버깅까지 할 수 있습니다! 그 방법을 알려드립니다! 💡 Xcode는 MacOS 환경에서만 사용할 수 있는 점 참고해주세요!! 1. Xcode 실행 → 메뉴 Xcode 클릭 → Preferences... 클릭해주세요 2. 원하는 ios 버전별 Simulator 체크 후, 다운로드해주세요 3. Simulator 실행해주세요 Xcode 실행 → 메뉴 Xcode 클릭 → Open Developer Tool → Simulator 4. 확인할 ios 버전의 기기 실행해주세요 Simulator 실행 → Open Device → iOS .. 2022. 3. 30. [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 반응형
