본문 바로가기

Web25

HTTP STATUS CODE Status-Code = | "100" => Continue | "101" => Switching Protocols | "200" => OK ; 신난다. | "201" => Created | "202" => Accepted | "203" => Non-Authoritative Information | "204" => No Content ; HTTP Response body 가 없음. | "205" => Reset Content | "206" => Partial Content | "300" => Multiple Choices | "301" => Moved Permanently | "302" => Found ; 리다이렉트~ | "303" => See Other | "304" => Not Modified | ".. 2023. 5. 10.
리프레시 타임! 고전게임 철권3 한판하고 갑시다. 로딩은 쫌 걸리네요. 왼/오른 손/발이 반대로 되어있어서 조이스틱 모양에서 반대로 수정 후 게임을 진행. 시작은 Enter 2023. 4. 28.
eGovFramework React 전자정부 프레임워크 프론트로 채택된 리액트 # egov에서 표준프레임워크로 구성한 FrontEnd인 egovframe-template-simple-react Git 주소 GitHub - eGovFramework/egovframe-template-simple-react GitHub - eGovFramework/egovframe-template-simple-react Contribute to eGovFramework/egovframe-template-simple-react development by creating an account on GitHub. github.com 아래와 같이 다운로드를 받아서 압축을 풀고 구성을 하는 방법이 있고, 윈도우 cmd에서 git을 통하여 소스코드를 받아오는 방법이 있다. git clone https://githu.. 2022. 1. 17.
exif-js 이미지의 메타데이터를 추출하는 스크립트 프론트단에서 이미지의 메타데이터를 추출할 수 있는 편리한 JS. # js cdn * jquery 라이브러리는 없어도됨. 하지만 예제에서는 사용할 예정이라서 선언. EXIF.getData의 함수를 통하여, EXIF.pretty를 확인하여 추출이 가능한지를 체크하고, EXIF.getTag를 통하여 메타데이터를 파싱할 수 있음. EXIF.getTag로 추출할 수 있는 메타데이터는 아래와 같다. Make 기종 Model 모델명 ImageUniqueID 사진고유번호 ShutterSpeedValue 셔터속도 Software 소프트웨어 ImageWidth, ImageHeight 해상도(가로, 세로) DateTimeOriginal 사진원본일 DateTimeDigitized 사진촬영일자(셔터를 누른 순간) DateTim.. 2022. 1. 13.
Chart.JS # Chart.JS 레퍼런스 https://www.chartjs.org/docs/latest/samples/information.html Information | Chart.js Information Out of the box working samples These samples are made for demonstration purposes only. They won't work out of the box if you copy paste them into your own website. This is because of how the docs are getting built. Some boilerplate code gets hi www.chartjs.org # CDN # 예제 https://pannel.. 2022. 1. 12.
codemirror 에디터 * 다운로드 release https://codemirror.net/doc/releases.html CodeMirror: Release History Version 0.x 28-03-2011: Version 1.0: Fix error when debug history overflows. Refine handling of C# verbatim strings. Fix some issues with JavaScript indentation. 17-12-2010: Version 0.92: Make CodeMirror work in XHTML documents. Fix bug in handling of back codemirror.net * 공식 사이트 레퍼런스 https://codemirror.net/ Code.. 2022. 1. 7.
pannellum js js, css cdn load css html js js option - 위 내용 중 pannellum.viewer('panorama',{ 에서 panorama는 div 태그의 id 값이다. - type : equirectangular, cubemap, multires 3가지가 있으며, 디폴트는 equirectangular - panorama : 이미지 경로. - autoRotate : . 플러스(+) : 반시계방향, . 마이너스(-) : 시계방향 . 숫자가 클수록 회전속도가 빨라진다. - compass : true (나침반 표시), false (나침반 미표시) - hfov : 파노라마의 시작 수평 시야를 도 단위로 설정 - autoRotateInactivityDelay : 사용자 활동이 중지된 후 자동.. 2022. 1. 6.
WATCH 2.0 / 웹접근성 진단 도구 WATCH2.0 소개 WATCH2.0은 등록된 웹사이트 URL 및 오프라인 웹문서에 대한 웹 접근성 및 웹표준 준수여부를 자동 진단하는 자가 진단툴입니다. 한국형 웹 콘텐츠 접근성 지침 2.1에 따라 웹 사이트를 구성하는 웹 페이지가 접근성 지침의 6개 세부 지침을 준수하는지 여부를 자동 점검할 수 있습니다. WATCH2.0은 웹와치㈜와 모비즈랩이 공동 개발하여 국가 표준에 최적화 되어 제공됩니다. 각 사이트 담당자는 웹 접근성/웹표준 준수 현황, 개선 내용 및 추이를 WATCH2.0으로 확인 할 수 있을뿐 아니라 직접 웹접근성과 웹표준을 간단히 평가, 확인할 수 있으므로 접근성의 간단한 오류와 실수 등을 미연에 방지할 수 있습니다. 특장점 웹접근성 자동평가 가능 항목에 대한 진단은 물론, 웹표준 검사가.. 2022. 1. 6.
forminejs submit 전에 Form 태그에 값을 체크할 때 사용 가능. null, 숫자만, 영어만, 한글만, 최소길이, 최대길이, id패턴, mail패턴 이렇게 체크가 가능함. 짝퉁 파슬리! 다만, 위 html코드처럼만 해놓으면 별다른 설정을 할 필요는 없어서 소스코드 자체는 깔끔. 2022. 1. 6.
웹페이지가 모바일에 친화적으로 구성되었는지 체크하는 웹 https://search.google.com/test/mobile-friendly 모바일 친화성 테스트 - Google Search Console Search Console 정보 Search Console에서는 해킹된 콘텐츠 감지와 같은 중요한 사이트 오류를 알리고 콘텐츠가 검색결과에 표시되는 방식을 관리할 수 있도록 돕습니다. search.google.com 네이버로 테스트를 해보겠습니다. 그렇습니다. 네이버는 모바일과 매우 친화적입니다. 2021. 12. 31.
JS packing http://joliclic.free.fr/php/javascript-packer/en/index.php Packer JavaScript en PHP Packer JavaScript en PHP Presentation PHP Version of the Dean Edwards 's Packer de Dean Edwards, a JavaScript Compressor/Obfuscator. Licence LGPL 2.1 Download download packer.php-1.1.zip Need PHP 5 . Tested under PHP 5.1.2, 5.1.3, 5.1.4, 5.2.3. New : an ad joliclic.free.fr 일반적인 script Packing ... Packing 후 테스트 동일.. 2021. 12. 31.
CSS / JS min 버전으로 만들기 CSS min 버전 변환 https://csscompressor.com/ CSS Compressor CSS Compressor Use CSS Compressor to compress CSS (CSS 1, CSS 2, CSS 2.1 & CSS 3) to reduce CSS code size and make your website load faster. You can select from 4 levels of compression, depending on how legible you want the compressed CSS to be versus degr csscompressor.com JS min 버전 변환 https://jscompress.com/ JSCompress - The JavaScript Co.. 2021. 12. 31.