JavaScript & JQuery(18)
-
[18] JavaScript & JQuery - 카카오 지도 API활용
1. 카카오 api 발급https://developers.kakao.com/console/app 카카오계정 accounts.kakao.comㄴ 카카오 계정 로그인 후 접속 ㄴ 애플리케이션 추가 클릭 ㄴ API키를 활용할 애플리케이션 정보를 입력. ㄴ 애플리케이션 정보 저장 후 API키를 발급 받을 수 있다.ㄴ 자바스크립트로 진행할 예정이기에 JavaScript키를 복사한다. 2. 카카오 지도 샘플 코드 확인 https://apis.map.kakao.com/web/sample/ㄴ 해당링크로 접속ㄴ 또는 좌측에서 Sample로 들어간다. ㄴ 스크립트태그에 api키를 입력하고 불러온다. ㄴ 아래 샘플코드로 지도를 생성한다. 3. 카카오 지도 추가 기능확인ㄴ 지도에 여러 이벤트들을 적용할 수 있는데 ..
2024.10.15 -
[17] JavaScript & JQuery - [공공데이터] 미세먼지 측정소 정보 API 호출
※ 자바스크립트 fetch함수로 api호출 진행 1. 공공데이터 사이트 접속https://www.data.go.kr/index.do 공공데이터 포털국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datasewww.data.go.kr ㄴ 로그인 후 마이페이지에서 API키 발급이 가능함.ㄴ 예전에 이미 발급받은적이 있어서 현재 본인은 재발급만 가능. 2. API문서 확인 ㄴ 제공해주는 API문서를 확인하여 코드를 구성한다. 3. 자바스크립트 코드let url = "http://apis.data.go.kr/B552584/MsrstnInfoInqireSvc/getMsrstn..
2024.10.09 -
[16] JavaScript & JQuery - 서울 미세먼지 API 호출
※ 자바스크립트 fetch함수 사용 1. 서울 공공데이터 api 접속https://data.seoul.go.kr/dataList/OA-2219/S/1/datasetView.do 열린데이터광장 메인데이터분류,데이터검색,데이터활용data.seoul.go.kr ㄴ 우측 인증키신청을 클릭해서 인증키를 발급받아야한다.ㄴ 회원가입 후 로그인하면 받을 수 있다. 2. 자바스크립트 코드let url = "http://openapi.seoul.go.kr:8088/인증키/데이터타입/RealtimeCityAir/1/99"; fetch(url).then(res => res.json()).then(data => {}) ㄴ 인증키에 발급받은 인증키를 넣어준다.ㄴ fetch에서 json타입으로 설정해뒀기에 url 데이터타..
2024.10.07 -
[15] JavaScript & JQuery - 국세청 API ajax()활용_2
[ 환경 ]ㄴ JQuery 1.11.1 https://kuk1938.tistory.com/82 [14] JavaScript & JQuery - 국세청 API ajax()활용[ 환경 ]ㄴ JQuery 1.11.1※ 국세청API 사업자등록번호조회 ajax로 구현해보기 ※ 공공데이터 - 사업자등록번호 api 가이드 URLhttps://www.data.go.kr/data/15081808/openapi.do#/ 국세청_사업자등록정보 진위확인kuk1938.tistory.comㄴ 해당 포스팅 이어서 ★ 관련 정보를 볼 수 없어서 after()를 사용하여 정보 출력ㄴ .after()는 선택한 요소 뒤에 새 요소를 추가하거나, 다른 곳에 있는 요소를 이동시킬 수 있다. 1. JQuery코드var tax_type = ..
2024.07.09 -
[14] JavaScript & JQuery - 국세청 API ajax()활용
[ 환경 ]ㄴ JQuery 1.11.1※ 국세청API 사업자등록번호조회 ajax로 구현해보기 ※ 공공데이터 - 사업자등록번호 api 가이드 URLhttps://www.data.go.kr/data/15081808/openapi.do#/ 국세청_사업자등록정보 진위확인 및 상태조회 서비스국세청에서 제공하는 사업자등록정보 진위확인 및 사업자등록 상태조회 API 서비스입니다.www.data.go.kr ㄴ 샘플코드 1. html 코드 2. JQuery 코드 작성 ㄴ api키는 공공데이터포털 가입후에 키발급 받아야함.ㄴ 샘플코드 형태 유지하여 제이쿼리 코드작성ㄴ 상태코드(status_code)를 사용하여 성공/실패 여부 체크ㄴ 받은 데이터 활용을 위해 for문으로 데이터 가공작업 진행ㄴ 상태코드 ok는 사업자번호..
2024.07.08 -
[13] JavaScript & JQuery - 아이디, 비밀번호 유효성 체크
[ 환경 ]ㄴ php 7 ㄴ JQuery 1.11.1Q. 아이디는 6자이상 20자미만Q. 비밀번호는 8자이상 20자이하 & 영문,숫자,특수문자 포함 ※ 정규표현식, length 함수 사용 1. JQuery 코드 ㄴ check변수를 만들어서 정규식으로 체크 유효성체크 조건문 생성 ㄴ length함수로 아이디,비밀번호 길이 체크 유효성체크 조건문 생성 2. 사이트(기능) 확인 ㄴ Q. 아이디는 6자이상 20자미만 ㄴ Q. 비밀번호는 8자이상 20자이하 & 영문,숫자,특수문자 포함ㄴ 정상 작동완료
2024.07.01