에스제이

반응형

[꿀팁] - 코드펜 Jquery 적용하는 방법

안녕하세요, 오늘은 코드펜에서 Jquery를 적용하는 방법에 대해서 알아보도록 하겠습니다. 코드펜에서 소스를 작성 후 실행결과를 테스트하는데 jquery가 적용이 안되어 있다면 실행결과가 작동하지 않는다. 코드펜 오른쪽 상단에 [ Settings ] 버튼을 클릭한다. 왼쪽 상단에 [ JS ] 탭을 선택한다. Add External Scripts/Pens 탭의 inputBox에 jquery를 입력한다. 최상단의 jquery를 선택하고 [ Save ] 버튼을 클릭한다. 다시 코드펜에서 소스의 실행결과를 테스트해보면 jquery가 적용되어 정상적으로 작동하는 것을 볼 수 있습니다.
꿀팁/인터넷 꿀팁 2022. 3. 30. 04:23

[꿀팁] - 코드펜 사용법 및 티스토리 적용방법

안녕하세요, 오늘은 자신의 티스토리에서 소스의 실행결과를 미리 볼 수 있는 코드펜을 사용하는 방법과 티스토리에 적용하는 방법에 대해서 알아보도록 하겠습니다. 기존에는 티스토리의 코드 블록을 이용하여 자신이 구현한 소스를 공유하였다면, 코드펜이라는 사이트를 통해 코드와 실행결과를 티스토리에 적용하여 공유할 수 방법에 대해서 알아보겠습니다. 1. 코드펜 회원가입 아래의 사이트로 이동하여 회원가입을 진행한다. https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, project..
꿀팁/인터넷 꿀팁 2022. 3. 29. 20:12
◀ 1 ▶
반응형

티스토리툴바