etc[자료들]/Open Source 검색 결과
5 개의 검색 결과가 있습니다.
etc[자료들]/Open Source

Lighthouse 사용법

Lighthouse 사용법 안녕하세요 밤구름입니다. 이번 포스팅은 라이트하우스에 대해서 작성해 볼예정입니다. 1.Lighthouse란? Lighthouse는 구글에서 개발한, 웹 페이지의 품질을 개선할 수 있는 오픈 소스 형태의 자동화 도구입니다. 간단히 말하자면 웹페이지의 성능 및 개선점을 알려주는 좋은 도구 입니다. 어떤 웹 페이지든 손쉽게 확인 할수 있습니다 2.Lighthouse 사용법 사용법은 간단합니다. F12키, 혹은 Ctrl + Shift + i 를 눌러 개발자 도구를 불러옵니다. 그 뒤에 위의 사진에보이은 탭메뉴중 제일 오른쪽에 위치한 Lighthouse 탭을 누릅니다. 위의 페이지에서 Generate report의 버튼 클릭을 통해 웹페이지의 상태를 판단할 수 있습니다. 오른쪽에서 데스..

2021. 12. 2. 22:00
etc[자료들]/Open Source

자주 사용하는 cdn 코드들

자주 사용하는 cdn 코드들 안녕하세요 밤구름 입니다. 오늘은 제가 자주 사용하는 cdn코드들에 대해서 알아보도록 하겠습니다. cdn이란, 내 서버가 아닌 다른 사이트에서 자료를 가져와서 내 사이트에 적용하는 방식을 말합니다. 1.제이쿼리 제이쿼리는 편하게 DOM요소에 접근하게 해준다. 내가 제일 많이 사용하는 버전은 제이쿼리1.12.4버전이다 https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax ..

2021. 11. 25. 12:00
etc[자료들]/Open Source

qrcode.js 다운로드

① 파일 다운로드 ② 사이트 방문 후 직접 다운로드 https://davidshimjs.github.io/qrcodejs/

2021. 9. 15. 09:00
etc[자료들]/Open Source

쉽게 사용하는 turn.js 튜토리얼

See the Pen turn.js by 윤재현 (@jh91) on CodePen. 쉽게 사용하는 turn.js 튜토리얼 1.turn.js란? turn.js는 책 또는 잡지를 구현하게 해주는 라이브러리(api)이다. 책 넘김효과, 페이지 이동, 책표지 등을 작업할 때 유용한 도구이다. 2. 적용방법 2-1 turn.js 다운로드 ①깃허브에서 직접 받는다 https://github.com/blasten/turn.js GitHub - blasten/turn.js: The page flip effect for HTML5 The page flip effect for HTML5. Contribute to blasten/turn.js development by creating an account on GitHub...

2021. 9. 14. 13:30
etc[자료들]/Open Source

쉽게 사용하는 qrcode.js 튜토리얼

See the Pen Cross-browser QRCode by Sangmin, Shim (@davidshimjs) on CodePen. 쉽게 사용하는 qrcode.js 튜토리얼 1.qrcode.js란? 원하는 데이터를 qr코드로 만들어 주는 라이브러리(api)이다 정보, 사이트, 이미지 다양한 정보를 qr코드로 만들수 있다. 전자출입명부, 로또 당첨, 이벤트 페이지 연결 등에 주로 사용되고 있다. 2. 적용방법 2-1 qrcode.js 다운로드 ①깃허브에서 직접 받는다 https://davidshimjs.github.io/qrcodejs/

2021. 9. 14. 13:00