1. 서론 복잡한 걸 했다면 머리 식힐 겸 간단한걸 해보도록 하자. '다음' 에서 제공하는 주소 API를 이용하여 주소를 기입해보도록 하자. 2. 본론 아무 검색 엔진에 다음 주소라고 쳐보도록 하자. 필자는 네이버에서 검색했다. 그러면 위와 같이 나올텐데 클릭하면 가이드로 알아서 이동한다. 들어가서 잘 둘러보면 필요한 코드들이 눈에 보이니 잘 참고해서 사용하도록 하자. register.jsp 잘 긁어와서 위 코드만 기존 register.jsp에 추가시켰다. 실행해보도록 하자. api 잘 뜨고? 입력할 주소를 잘 입력하고 클릭하면 잘 넣어진다. 콘솔에도 찍어보았는데 잘 나온다. 3. 결론 두번째 프로젝트 진행 할때 이 주소API를 사용했었는데 그때는 이것도 헷갈리고 했었다. 카카오 로그인 서비스를 해서 그..

1. 서론 잡기술의 끝판왕에 대해 알아보자. 요즘 '인스타그램' 이라던가, '카카오' 같이 소셜 로그인이 되는 앱들이 많은데 이번엔 그 소셜 로그인 중 카카오 로그인을 해보고자 한다. 2.본론 카카오 로그인 서비스는 위와 같은 순서로 이루어진다고 한다. 연동 개발로는 REST API 자바스크립트 안드로이드 IOS 등등 여러가지가 존재하며 필자가 사용해볼 것은 REST API이다. 먼저 첫 단계는 인가 코드를 받는 것이다. 인가코드를 받기 전에 사전으로 작업해 줄 것이 있는데... 플랫폼 등록, 카카오 로그인 활성화, Redirect URI등록, 동의 항목은 필수로 설정을 해주어야 한다. 2-1. 플랫폼 등록 디벨롭퍼스에 진입해서 로그인을 하게 되면 간단하게 회원가입을 할 수도 있고 안 할 수도 있는데 진..

1. 서론 이번엔 예제2번을 활용하여 회원가입 시 아이디 중복체크를 해보도록하자. 2. 본론 수업 들으면서 get방식으로 중복체크를 했는데 필자는 post로 해보고 싶어서 고민했다. 근데? open객체를 사용할 때, open('post', "doubleCheck") 라고 작성했을 때 post의 doubleCheck를 찾아 열어달라는 뜻이니 @PostMapping을 주고 value값을 doubleCheck로 해주면? 알아서 Controller를 찾아서 서비스에서 검증받고 서비스의 반환값을 doubleCheckmsg라는 녀석에게 줄 거 같았다 좋아 당장 해보자. 이전에 했던 프로젝트를 사용해보도록 하자. DBConfig.java HTML 삽입 미리보기할 수 없는 소스 config는 이전 예제와 같다. tes..

1. 서론 .jsp 예제 파일을 제외한 모든 java 및 Mapper코드 들이다. 왜 올리는가? 혹시나 모를 오류방지 및 무엇보다 필자가 참고할라고 2. 본론 ajaxMapper.xml HTML 삽입 미리보기할 수 없는 소스 AjaxController.java HTML 삽입 미리보기할 수 없는 소스 AjaxDTO.java HTML 삽입 미리보기할 수 없는 소스 AjaxRepository.java HTML 삽입 미리보기할 수 없는 소스 AjaxService.java HTML 삽입 미리보기할 수 없는 소스 DataBaseConfig.java HTML 삽입 미리보기할 수 없는 소스 3. 결론 모아놓고 보니 많이도 했다;;;;

1. 서론 이번엔 select태그를 사용하여 검색하고자 하는 카테고리를 선택하고 일부 검색을 해보도록 하자. 2. 본론 이번 예제는 ex3번과 같이 보면 좋을 듯 하다. 둘이 비슷한 면이 있으니까? 왜냐하면 카테고리를 선택하여 그 value값을 서버에 보내야 하고, 입력칸에 적어주는 값도 서버에 보내야 하니 두개의 데이터를 한번에 보내야 하기 때문이다. 코드를 보도록 하자. ex7.jsp HTML 삽입 미리보기할 수 없는 소스 ajaxMapper.xml HTML 삽입 미리보기할 수 없는 소스 select태그가 한개 추가 되었다. 동적sql문이다 라고 하기는 하는데.... mybatis에서 안내해준 코드는 이렇게 쓰라는 것이였으니 개발자 말 들어야지... AjaxController.java HTML 삽입 ..

1. 서론 DB에 json파일의 데이터를 저장까지 해봤다. 이제 선 좀 쎄게 넘어볼까 한다. 이번에는 일부 단어만 검색하여 원하는 값을 얻어보도록 하자. 2. 본론 ex1~5번까지 전체적으로 흐름설명을 했으니 이제 XMLHttpRequest가 어떤 객체인지, Controller가 반환값을 보내오면 어떤 것이 받아(responseText) 출력해주는지 어느 정도 알고 넘어갈거라 생각하기에 여기서 새로 나온 코드만 쪼매 짚어보고 넘어가도록 하자. 혹시 감이 아직도 잡히지 않았다면? 요기를 조금 더 보고 오도록 하자. 2022.10.21 - [3층 - 개발의 장/ajax통신] - ajax - ajax통신 사용해보기(2022-10-20) ajax - ajax통신 사용해보기(2022-10-20) 1.서론 스프링 ..