[KH국비지원 웹개발자 과정] Day_65 키워드 ajax 실습, 지도 api실습, 공공데이터 맛보기

 

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다.
--------------------------------------------------------------------------------------------------

a href="javascript:void(0);" 
이렇게 하면 앵커태그의 클릭을 막을 수 있음

화면단에서 서버로 데이터 전송 시 
form 태그와  ajax를 적절히 사용하기

서버로 전송하는 데이터가 길거나, 민감한 정보일 경우는 POST를 이용한다

ajax를 이용한 댓글 등록, 수정, 삭제 실습)

ajax를 이용한 아이디 중복체크 실습)

onchange이벤트는 셀렉트박스나 라디오버튼에 사용

작업실수)
매퍼만 다른 프로젝트의 매퍼를 열어놓고 작업하고 있었음

j쿼리에는
$().hide();
$().show();
가 있음.

공공데이터)
https://www.data.go.kr/

공공데이터 포털

공공데이터를 활용하여 프로젝트를 만들 수 있다! (활용하기 나름이므로 매우 중요!)
공공데이터를 사용하면 메소드에 파라미터를 넣어서 원하는 데이터(응답데이터)를 받을 수 있다.
직접 DB에서 꺼내오는 것이 아니라 사용법을 알면 공공데이터의 DB에서 원하는 값을 가져올 수 있는 것.
가져온 데이터는 응답메시지를 파싱하여 입맛에 맞춰 사용할 수 있다.)
응답메시지 파싱은 서버단이나 js에서 처리.
공공데이터는 대부분 XML.
이를 파싱해서 사용하거나 새로 db를 구축하여 활용하기도 한다.
CSV파일을 디벨로퍼에 임포트 하여 DB를 구축할 수 있다.

API서버를 개발한다는 것)
URL요청 시 데이터를 출력하게 하는 것.
요청메시지 명세, 응답메시지 명세

API 실습
API는 API 제공 사이트의 예제와 듀토리얼을 보고 익힌다.
필요한 설정에 대한 설명은 모두 나와있음.

다음 주소 API)

네이버 지도 API)
1. 지도띄우기
2. 기준 지점 center 설정하기
3. 줌 컨트롤 만들기
4. 마커 찍기 / 마커에 클릭이벤트 넣기
5. info 만들기
6. 지도에 클릭이벤트를 넣기.
7. geocording 위도경도로 주소를 불러오는 것.

소셜로그인은 db에 저장을 하지 않기 위해 사용하는 것이었음.