목록WEB (8)

소프트웨어에 대한 모든 것

html input 태그에 숫자를 comma로 구분해서 표시

구글링을 여러가지 방법을 찾아 봤지만 codepen에서 제공하는 스크립트가 가장 편했습니다. 아래 링크를 통해서 코드는 확인하세요 codepen.io/tsunet111/pen/GbpwZa Add comma for input number automatically ... codepen.io 결과 스크린샷 화면 jquery를 통해서 key가 업될 때 input을 계속적으로 업데이트 해주는 방식입니다.
WEB 2021. 1. 19. 13:00
Mixed content 문제 해결(https 사이트에서 http 사이트 요청 시 발생하는 보안 문제)

https 사이트에서 ajax를 사용해서 비동기로 http 사이트에 request를 요청해서 문제가 발생 했습니다. 암호화된 HTTPS 기반의 사이트에서 암호화되지 않은 HTTP 사이트에 요청을 보내서 Mixed content 에러가 발생한 것입니다. Mixed content 에러 발생 Mixed Content: The page at 'https://plprice.netlify.app/' was loaded over HTTPS, but requested an insecure script 'http://api.vworld.kr/req/search?service=search&version=2.0&request=search&format=json&type=ADDRESS&category=PARCEL&query=%..
WEB 2021. 1. 14. 22:42
Ajax로 GET 방식 요청 시 CORS 정책 문제 해결(교차출처리소스공유 문제)

문제 상황 Ajax GET 방식을 통해서 request를 요청 했는데 아래와 같은 에러가 발생 Access to XMLHttpRequest at 'http://api.vworld.kr/~~~~`' from origin 'http://127.0.0.1:5502' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. CORS? (교차출처리소스공유란?) 아래 사이트에 자세한 사항이 나와 있습니다. developer.mozilla.org/ko/docs/Web/HTTP/CORS 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추..
WEB 2021. 1. 14. 12:24
jQuery를 html에 셋팅하기 (손쉬운 jQuery 셋업)

JQuery 사용 방법을 정리합니다. jQuery 스크립트 다운로드 JQuery 홈페이지의 다운로드 사이트에 접속합니다. jquery.com/download/#jquery CDN이 아닌 다운로드 방식을 선택합니다. JQuery 스크립트를 직접 다운로드하여 불러오는 방식입니다. 웹서비스의 폴더에 파일을 다운로드 합니다. 저 같은 경우는 [웹서비스루트]/lib/ 이하에 파일을 다운로드 받았습니다. HTML 파일에 jQuery 스크립트 추가 HTML 파일에 다운로드한 JQuery 스크립트를 추가합니다. head 태그안에 아래와 같이 추가합니다. 폴더명 및 파일명은 확인하세요. JQuery 동작 확인 스크립트를 추가해서 jQuery가 load가 되서 정상 동작하는지 확인합니다. 페이지가 로드될 때 alert 창..
WEB 2021. 1. 14. 11:55
구글 페이지 스피드 인사이트 사용 (google PageSpeed Insights)

구글 페이지 스피드 인사이트를 소개합니다. developers.google.com/speed/pagespeed/insights/?hl=ko 구글 페이지 스피드 인사이트 설명 PageSpeed Insights는 웹페이지의 콘텐츠를 분석하여 페이지의 속도를 개선할 수 있는 방법을 추천해줍니다. 위와 같이 어디에서 어디가 병목이고 어디를 고치면 개선이 되는 지 친절이 알려줍니다. 구글 페이지 스피드 인사이트 사용법 사이트에 접속 웹 페이지 URL 입력 후 분석 버튼 선택 10~20초 기다리면 결과가 나옴 결과 분석 후 개선점 파악 웹 사이트 개선 후 다시 웹 페이지 분석해서 개선된 결과 확인 정말 끝내줍니다. 제 웹사이트의 개선해야 할 부분이 엄청 많습니다. 개선 후 얼마나 달라지는지 다시 포스팅 하겠습니다.
WEB 2021. 1. 13. 16:05
사이트맵 만들기

www.xml-sitemaps.com/ Create your Google Sitemap Online - XML Sitemaps Generator Installable version We offer a server-side script written in PHP language that you can install on your server and create sitemap for your website. The script doesn't have the limit on number of pages included in sitemap, although server resources required www.xml-sitemaps.com 1) 나의 사이트를 입력 2) 스타트 버튼 누르고 진행 상황 3) 사이트..
WEB 2021. 1. 12. 13:31
파비콘 생성 및 웹사이트에 파비콘 연결

favicon(파비콘) ico 파일을 생성하는 사이트입니다. www.favicon-generator.org/ Favicon & App Icon Generator Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons. www.favicon-generator.org 이미지 파일 선택 화면 이미지 파일 선택 후 "create favicon" 선택 변환된 파일 다운로드 선택 압축 파일로 다운로드가 되며 압축을 풀면 여러가지 형식에 맞게 파일이 생성되어 있습니다. 홈페이지에 파비콘 연결은 html 파일의 태그에 아래와 같이 ..
WEB 2021. 1. 12. 11:31
HTML input 태그 number에서 화살표 제거

input 태그의 type이 number인 경우 화살표가 나옵니다. 화살표를 제거하기 위해서 input에 대한 css를 아래와 같이 설정합니다. /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } 출처 : www.w3schools.com/howto/howto_css_hide_arrow_number.asp
WEB 2021. 1. 12. 02:12
Prev 1 Next