API

이번 'MK-Blog' 를 개발하면서 글 작성 / 수정 하는 페이지에 ReactQuill을 넣었습니다.해당 툴에다가 이미지들을 넣으면 이미지 태그의 src 가 한없이 깁니다. 서버에 전송할 때, 길이 제한때문에 전송 실패할 확률이 큽니다. 그래서 저는 src 를 image_1, image_2 이런식으로 보내기로 했습니다. (저희는 이미지파일만을 또 추출하여 서버에 전송하기 때문에 가능한 방법이었습니다!! 잘 알아보셔야 합니다) /** * content 영역의 img 태그들을 모두 가져와서 src를 image_${index + 1}로 변경하는 작업 */ let newContent = ''; const quillEditor = quillRef.current?.getEditor()..

https://choi-hee-yeon.tistory.com/172 [vue.js] 무료로 daum의 우편번호 API 이용하기 (daum is undefined 오류해결하기) https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 choi-hee-yeon.tistory.com 위의 글을 통해 다음의 우편번호 API 서비스를 이용해봤습니다. https://choi-hee-yeon.tistory.com/173 [vue.js] 카카오맵 API 사용하여 맵 불러오기[1] (feat. 내 마음을 아프게 한 Uncaught TypeErro..

1. kakao Developers 에서 API KEY 받기 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 이렇게 API 키를 발급 받을 수 있습니다. 저는 웹개발에 사용할 예정이므로, javascript 의 키를 사용하겠습니다. 2. kakao Developers 에서 웹 사이트 도메인 등록하기 플랫폼 카테코리를 클릭 후, 원하는 플랫폼에 맞게 등록을 해주면 됩니다. 꼭 사용할 페이지는 모두 등록해야합니다. 3. 코드 작성하기 - 맵을 표시할 HTML 을 작성해줍니다. async mount..

https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 다른 블로그 참고하지 않아도 될만큼 Daum에서 잘 알려주고 있습니다. 일반적인 html, javascript, css 로 알려주다보니, vue.js를 사용하는 저로써는, 코드를 약간 수정할 필요가 있었습니다. 위 코드를 작성했을때, 저는 daum is undefined 오류가 떴습니다.(Eslint 오류) 이를, 아래의 코드로 해결했습니다. // eslint-disable-next-line no-undef..

https://choi-hee-yeon.tistory.com/163 [python] 카카오톡 API를 사용하여, 나에게 카카오톡 메시지 보내기 1. 카카오 디벨롭스에 상단바의 내 애플리케이션을 클릭하여, 애플리케이션을 추가합니다. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카 choi-hee-yeon.tistory.com 위 글을 읽고, 카카오톡 API를 사용하여, 나에게 메시지 보내는 걸 성공해야 이 글을 따라할 수 있습니다. 1. 내 애플리케이션에서 팀관리 페이지의 팀원 초대를 합니다. 2. 팀원의 계정으로도 앞선 포스트에서( https://choi-hee-yeon.tistory.com/163 ) ..

1. 카카오 디벨롭스에 상단바의 내 애플리케이션을 클릭하여, 애플리케이션을 추가합니다. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 2. 추가한 애플리케이션을 클릭하면, 요약정보에 중요한 REST API 키가 나옵니다. 3. 왼쪽바의 동의항목을 클릭하여 다음과 같이 설정해줍니다. 4. 카카오로그인 활성화 & redirect URL 설정하기 - redirect URL : https://example.com/oauth 5. 카카오 로그인하는 웹사이트에 들어갑니다. - client_id= 뒤에는..