API7 [개인 프로젝트] 병원별 진료과목 데이터를 연동하며 겪었던 문제 상세 페이지를 만들다 보니치과 정보 페이지를 만들면서 병원별 진료과목도 실제 데이터로 보여주고 싶었다.현재 프로젝트에서는 병원정보서비스 API를 사용해 전국 치과 정보를 저장하고 있는데, 병원명, 주소, 전화번호, 좌표 같은 기본 정보만 저장하고 있었다.상세 페이지에서 진료과목까지 보여주려다 보니 병원정보서비스만으로는 부족했고, 의료기관별상세정보서비스 API를 추가로 연동하게 되었다.진료과목 정보를 가져오려면 병원정보서비스에서 내려주는 ykiho 값이 필요했다. 그래서 치과 정보를 저장할 때 해당 값도 함께 저장하도록 수정했다.병원정보서비스 ↓치과 목록 저장 ↓ykiho 저장 ↓의료기관별상세정보서비스 호출 ↓진료과목 저장병원별 진료과목을 저장하기 위해 별.. 2026. 6. 17. Next.js에서 카카오 지도를 연동해 현재 위치와 마커 표시하기 프로젝트를 진행하면서 사용자 주변 치과를 지도에서 확인할 수 있는 기능이 필요해 카카오 지도를 연동하게 되었다.이번 글에서는 카카오 지도를 연동하고 현재 위치를 기반으로 치과 정보를 표시한 과정을 정리해보려고 한다.카카오 지도 연동카카오 지도를 사용하기 위해 먼저 JavaScript 키를 발급받고 SDK를 연동했다.Next.js에서는 window 객체를 바로 사용할 수 없어 SDK를 동적으로 불러오는 방식으로 적용했다.const script = document.createElement("script");script.src = `//dapi.kakao.com/v2/maps/sdk.js?appkey=${kakaoMapKey}&autoload=false`;document.head.appendChild(scri.. 2026. 6. 15. JPA를 이용해 지역 데이터를 저장한 과정 프로젝트를 진행하면서 지역 검색 기능이 필요했다.지역 선택 기능을 구현하기 위해 전국 시군구 데이터가 필요했고, 행정안전부 표준지역코드 API를 활용해 데이터를 저장했다.최종적으로는 아래와 같은 형태의 데이터를 저장하는 것이 목표였다.서울 강남구서울 송파구부산 해운대구인천 연수구경기 성남시...시군구 데이터만 추출행정안전부 표준지역코드 API를 호출하면 다양한 행정구역 정보가 함께 전달된다.응답 데이터에는 아래와 같은 정보가 포함되어 있었다.서울특별시서울특별시 강남구서울특별시 강남구 역삼동프로젝트에서는 시군구 목록만 사용하기 때문에 시도, 읍면동 등의 데이터는 제외하고 시군구 데이터만 저장하도록 필터링했다.JPA로 데이터 저장이번 프로젝트에서는 JPA를 사용해 지역 데이터를 저장했다.API 응답 데이터를.. 2026. 6. 14. [JavaScript] 비동기 처리 (Axios, Promise, Fetch, Async/Await) 비동기 처리란? 비동기 처리(asynchronous processing)는 프로그램이 작업을 수행하는 동안 다른 작업을 동시에 처리할 수 있는 방식이다.비동기 처리를 사용하면 프로그램이 특정 작업이 완료될 때까지 기다리지 않고 다른 작업을 계속 수행할 수 있다.비동기 처리 방식1. Axios정의 Axios는 JavaScript 라이브러리로, 웹 브라우저와 Node.js 환경에서 HTTP 요청을 쉽게 보내고 받을 수 있게 도와준다.API와의 통신, 즉 데이터를 서버로 전송하거나 서버에서 데이터를 받아오는 작업을 간편하게 할 수 있도록 설계되었다.용도API 호출: 외부 API에서 데이터를 가져오거나, 외부 서버에 데이터를 전송할 때 사용한다.데이터 전송: 사용자 입력 데이터나 파일을 서버로 전송하는 작업에.. 2024. 10. 12. 인터페이스(Interface)란? UI? API? 🔥 인터페이스(Interface)란?두 대상 사이에서 의사소통을 목적으로 만들어진 매개체이다2개 이상의 장치나 소프트웨어 사이에 정보나 신호를 주고받을 수 있도록 한다인터페이스는 하드웨어나 소프트웨어가 될 수 있다🔥 하드웨어 / 소프트웨어 인터페이스하드웨어와 소프트웨어 차이 참고 : https://jerryjerryjerry.tistory.com/164하드웨어 Interface소프트웨어 Interface키보드, 모니터, 리모컨 ... 배달 앱, 음악 앱, 날씨 앱...🔥 UI(User Interface) 란?사용자 인터페이스(UI)의 종류 참고 : https://brunch.co.kr/@hnjnkm/7USER INTERFACE(사용자 인터페이스)를 뜻하며 사용자가 데이터를 읽거나 쓰기 위한(사용.. 2024. 7. 13. [JAVA] File의 path를 가져오는 API getPath() : File에 입력된 경로 리턴getAbsolutePath() : File에 입력된 절대 경로 리턴getCanonicalPath() : Resolved 된 절대 경로 리턴getPath()getPath()는 File에 입력한 경로를 리턴한다.만약 인자로 전달한 경로가 상대 경로라면 getPath()도 상대 경로를 리턴한다.File file = new File("./path/to/file");File file2 = new File("path/to/file2");// 결과./path/to/filepath/to/file2getAbsolutePath()getAbsolutePath()는 현재 실행 중인 Workding directory에 File에 전달한 경로를 조합하여 절대 경로를 리턴한다.Fi.. 2022. 8. 24. [개인 프로젝트] 날씨 api 온도 측정 단위 °C 날씨 위젯 홈페이지 개인 프로젝트에서 사용한 날씨 api 주소 https://openweathermap.org/ 작성하게 된 이유 api 사용경험이 별로 없어서 사용 방법 문서를 봐도 잘 이해가 안돼서 놓치는 부분이 있었다 그런 점을 적어 두려고 작성하게 되었다. 문제 상황 api로 데이터를 받아 왔는데 온도(temp)가 섭씨로 나와야 하는데 화씨로 나와서 어떻게 변환해야 하는 건지 의문이었다 해결 해결 방법은 생각보다 간단했다 마음을 비우고 그냥 문서를 차근차근 잘 읽어보면 된다............. api를 호출할 때 API key 뒤에 & 하고 units=metric라고 설정을 해주면 우리가 원하는 섭씨로 변환되서 사용할 수 있다 // 예시 promiseGet('https://api.openwea.. 2022. 5. 1. 이전 1 다음 728x90
