전체 글
CatDogForset Project 프로토타입 프레젠테이션 회고
전반적으로 괜찮은 진행속도라고 생각이 드나 목표 시간내 기능완성이나 코드 리팩토링에 대한 고려가 부족했다고 생각된다. 본인이 맡은 기능은 카카오 맵 api를 이용하여 동물병원 정보를 지도상에 표시 및 가까운 병원을 리스트로 출력하는 것이었는데 아무래도 처음 지도 관련 프로젝트를 하다보니 좌표계에 대한 정보나 위도 경도에 대한 이해, 이를 마커와 클러스터로 구성하는 방법 등등 어려운 점이 있었다. 그 중에서도 정부 데이터 포털에서 가져온 동물병원 좌표계와 카카오 맵에서 사용하는 좌표계가 달라 이를 변환하고 적용시키는 과정이 어려웠었다. ( + javascript ) chatGpt를 활용한 애완동물 작명소 기능은 최신 예제도 있고 생각보다는 쉬운 기능이 될 것 같아 비교적 편한 마음이다. (하지만 언제 어떻..
Kakao Map API with 애완동물병원 #9
애완동물 병원 정보를 다루는 프로토타입을 완성했다. 페이지에 처음 들어올때 전체 지도 정보를 가져와 마커와 클러스터로 구성하고, geolocation으로 가져온 현재 위치와 지도의 중앙,서남,북동의 위경도 값으로 지도 내부의 위경도를 계산하여 근처에 있는 병원 정보를 리스트로 출력한다. 이후 드래그 이벤트나 줌 변경 이벤트가 발생시 마찬가지로 지도 내부의 위경도을 계산하여 리스트로 보여준다. 개선점 1. 지도 내부에 병원이 없을때 보여주는 화면(텍스트 크기 등) 변경 2. 자세히 보기로 카카오 페이지로 이동시키는데 이를 target blank를 통해 새 창을 띄워 보여주기 3. 지도의 마커와 클러스터를 구성하는 데이터는 고정된 값이기 때문에 유저가 페이지로 들어갈 때마다 데이터베이스에 접근하기 보다 미리..
Kakao Map API with 애완동물병원 #8
지난이야기 2023.03.21 - [프로젝트 정리/애완동물 종합 솔루션(CatDogForest)] - Kakao Map API with 애완동물병원 #7 지도의 서남, 북동쪽 위경도를 가져와서 지도 내부에 병원이 있다면 최대 100개까지 마커로 표시해주고 위 동작을 drag가 끝났을때 줌의 레벨이 변경되었을때 동작하게 한다. 그리고 지도의 중심부에서 가장 가까운 5개 병원이 리스트로 출력된다. TODO 페이지에 들어왔을때 지도에 모든 병원 정보를 마커와 클러스터에 등록시키고 지도를 움직일때 가장 가까운 5개 병원만 리스트로 출력하게 하는것이 오히려 자원적으로나 성능적으로 우위라고 판단이 되어 로직을 그리 변경할 예정이다. 하단부 List를 출력하기 전에 drag나 zoom_change 이벤트를 발생시키면..
Kakao Map API with 애완동물병원 #7
지난 이야기 2023.03.17 - [프로젝트 정리/애완동물 종합 솔루션(CatDogForest)] - Kakao Map API with 애완동물병원 #6 원하는 대로 dragend, zoom_changed 이벤트가 있을때 마다 지도의 남서와 북동쪽의 위경도를 기준으로 데이터를 가져오도록 만들었다. map.html 불타는 지옥 병원 777 Posts 7.7Mk Followers Decisions: 우리 고양이는 물어요. More about me 위도와 경도 데이터로 가까운 거리를 계산하는 하버사인 공식을 활용 https://en.wikipedia.org/wiki/Haversine_formula Haversine formula - Wikipedia From Wikipedia, the free encyclo..
Kakao Map API with 애완동물병원 #6
지난 이야기 2023.03.16 - [프로젝트 정리/애완동물 종합 솔루션(CatDogForest)] - Kakao Map API with 애완동물병원 #5 정부에서 제공한 동물병원 데이터 중 현재 운영중인 4586개 데이터를 카카오 api를 통해 변환하고 marker 배열에 사용하기 위한 hospitalDto로 변경하여 insert해줬다. @Test @Transactional @DisplayName("convert goverment data to kakao location") public void convertDBTest() { RestTemplate restTemplate = new RestTemplate(); String url = "https://dapi.kakao.com/v2/local/geo/c..
신규 아이디 추천
문제 파악 및 재정의 아이디 규칙에 맞지 않는 아이디를 입력하였을 때, 입력된 아이디와 유사하며 규칙에 맞는 아이디 추천 아이디 길이 3 ~ 15 아이디는 알파벳 소문자, 숫자, 빼기, 밑줄, 마침표 문자만 사용가능 마침표는 처음과 끝에 사용할 수 없으며 연속으로 사용 불가 단계 1. 소문자 치환 2. 알파벳 소문자, 숫자, -, _, . 제외한 모든 문자 제거 3. 마침표(.) 2번 이상 연속된 부분을 하나의 마침표로 치환 4. 마침표(.)가 처음이나 끝에 위치한다면 제거 5. 빈 문자열이라면 "a"를 대입 6. 길이가 16자 이상이라면 첫 15문자를 제외한 나머지 문자들을 모두 제거 만약 제거 후 마침표(.)가 끝에 위치한다면 끝에 위치한 마침표 문자를 제거 7. 길이가 2자 이하라면 마지막 문자를 ..