정리

15 TIL 정리 (카카오 지도api, 400에러,주소자동완성)

모_아이 2022. 5. 10. 00:47

카카오 지도 API

https://apis.map.kakao.com/web/sample/basicRoadview/  )

이곳을 이용하면 샘플 데이터를 볼 수 있는데 확인 해 보면서 원하는 부분만 추려가보도록 하자.

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=APIKEY&libraries=LIBRARY"></script>

라이브러리 부분을 전혀 생각 안하고 있다가 왜 동작안하지로 한참을 헤맸는데 apikey값을 넣는 것 뒤에 libraries 추가를 항상 신경쓰자.

 

커밋메세지

feat : 새로운 기능에 대한 커밋
fix : 버그 수정에 대한 커밋
build : 빌드 관련 파일 수정에 대한 커밋
chore : 그 외 자잘한 수정에 대한 커밋
ci : CI관련 설정 수정에 대한 커밋
docs : 문서 수정에 대한 커밋
style : 코드 스타일 혹은 포맷 등에 관한 커밋
refactor :  코드 리팩토링에 대한 커밋
test : 테스트 코드 수정에 대한 커밋

할 때마다 까먹는데 주의하자. 좋은 커밋메세지를 남겨야 후환도 없다.

<body>는 헤더로 표현할 수 없는 상세한 내용을 적고 헤더로 표현 가능하다면 생략 가능

<footer>은 바닥글로 어떤 이슈에서 왔는지 같은 참조 정보들을 추가하는 용도로 사용

 

400: Bad request

이걸로도 한참을 애먹었는데 어디서가 문제인지 안 보여주니 그렇다.

400번은 "잘못된 요청"으로 정의되어 있는데

수신된 구문이 유요하지 않거나 비논리적이거나 서버가 처리하려는 내용에 대한 일부 제한을 초과하기 때문에 서버가 요청을 처리할 수 없거나 처리할 수 없음을 나타낸다.

오늘 한 실수는 title_give로 받아야 하는데 tite_give로 오타가 나서 클라이언트에서 주는 post요청을 서버가 받지 못해서 일어났었다.

500에러는 app.py 내부 서버에서 코딩 실수로 발생햇다.

#파일을 POST로 보낼 때
file = request.files["file_give"]
#이렇게 받도록 하자
file = request.form["file_give"]
#이렇게 받아서 다음 구문에 있는 파일 저장 코드들이 동작하지 못해 처리하지 못해서 400코드가 떴다.

주소 자동 완성(팝업창)

카카오 api와 연동하여 사용할 수도 있으며 우리나라 한정으로 매우 유용하다. 외국까지 포함한다면 구글을 써보자

new daum.Postcode({
                oncomplete: function (data) {
                    var addr = data.address; // 최종 주소 변수

                    // 주소 정보를 해당 필드에 넣는다.
                    document.getElementById("local_address").value = addr
                }
            }).open();

 

반응형