[LMS 만들기] 회원정보 수정 - 우편번호 찾기, ajax와 Rest API

|  Today I Learned

 

1. 회원 정보 수정을 할 때 중요하게 볼 사항

회원 정보 수정
(1) 화면에 보여주지 않을 정보 (x)
(2) 화면에만 보여줄 정보 (수정 불가) - readonly
(3) 수정 가능한 정보들

 

2. 우편번호 찾기 

- 여러 api들이 있지만, 가장 많이 사용되는 것은 다음 api이다.

https://postcode.map.daum.net/guide

- 위 링크에 들어가면 다양한 사용법들이 있는데,

- 수업에서는 [ iframe을 이용하여 레이어 띄우기 ] 방법을 사용했다.

- [예제 코드 보기]를 누르면 각 요소들에 자바스크립트를 사용해서 우편번호를 가져오는 법을 알려주는데, 긁어 와서 요소 id명이나 실행 함수명을 고쳐쓰면 된다.

 

3. ajax를 통한 처리 : 비동기식 처리

* Restful에 대해서 : https://nesoy.github.io/articles/2017-02/REST

* 개념 차이 : https://blog.naver.com/PostView.naver?blogId=cms711&logNo=222104294380&parentCategoryNo=&categoryNo=11&viewDate=&isShowPopularPosts=true&from=search 

- API란 무엇일까? 중간 다리 역할을 하는 기능, 클래스, 라이브러리를 통칭

- REST 방식이란? 하나의 URI는 하나의 리소스를 대표한다는 개념에서 착안해, 
                 URI를 통해 자원의 이름으로 상태 정보를 주고 받는 것을 말한다.

- REST API란? REST 형식을 따른 API를 말하며, 
              일반적으로 프로그램 간의 중계 역할을 하는 인터페이스를 말한다.

- REST API는 스프링 MVC모델에서, @RestController를 통해 처리한다.

- 수업에서는, 수정 신청 내역에 대해 update를 하는 것을 Ajax를 통해 처리했다.

- 이 때에, 스프링 컨트롤러로는 @RestController를 사용하였는데, 마치 Ajax == @RestController로 보여서, 한 번 정확한정보를 찾아보았다.

- 나처럼 궁금해하는 사람들이 있었는데, Ajax와 Restful API는 완전히 다른 개념이었다.

(1)  Ajax는 비동기 통신이 유리할 때에 사용한다.

     * ==하나의 요청과 응답이 모두 끝난 후, 다음을 시작한다.

     * 화면의 깜빡임이 보이지 않는다.

    - 과거 국비과정을 할 때에는, open API를 통해 데이터를 가져올 때도, ajax를 사용하였다.

    - 찾아보니, 게시판을 삭제하는 것 또한 다수의 요청사항을 효율적으로 처리할 수 있어 비동기 통신이 유리하다고 했다.

    - 참고로 Ajax는 또한 멀티 쓰레드의 동기화 기술인 세마포어와는 다른 개념인데, 애초에 자바스크립트는 단일 쓰레드 방식으로 처리를 하며, 여기서 말하는 비동기 통신이라는 건 요청 - 응답에 대한 것을 의미한다.

     * Ajax의 개념 https://wikidocs.net/22372

(2) Ajax는 Restful한가에 대해서는 고민이 필요해보인다.

   - 수업에서는 ajax 처리를 할 때 RestController를 사용했다.

   - 그렇다고 ajax == RestController는 아니라는 게 검색 결과가 말해주는 바였다.

   - Rest 방식은 아키텍처, 곧 "how" 의 관점이기 때문에, 이 방식을 사용할 때는 지금 쓰는 이 방식이 프로그램의 중간다리 역할을 하는 것인지, 한 번 고민해봐야할 것 같다.