프로젝트 정리

    Kakao Map API with 애완동물병원 #2

    공공데이터 포털에서 동물병원 정보를 찾았다. https://www.data.go.kr/data/15045050/fileData.do 행정안전부_동물병원_20220531 동물을 진료하거나 동물의 질병을 예방하는 기관정보 데이터로 인허가일자, 영업상태, 사업장명, 소재지주소 등의 정보 확인이 가능합니다. * 좌표계 : 중부원점TM(EPSG:2097) www.data.go.kr CSV파일이어서 csv to sql로 테이블로 집어넣었고 위도 경도를 사용하려는데 문제가 발생했다. 제공해주는 좌표값이 다음과 같다. 좌표계 : 중부원점TM(EPSG:2097) 카카오 맵 API는 위도, 경도를 기준으로 생성되는데 이에 맞게 변환과정이 필요하다. 구글링 해보니 파이썬이나 자바스크립트 위주의 레퍼런스가 많은데 선구자가 계..

    Kakao Map API with 애완동물병원 #1

    구현하고자 하는 기능 정리 펫트라슈라는 사이트의 동물병원 / 약국찾기 페이지를 참조하고 있다. 1. kakao map api를 이용해 map을 생성한다. 2.공공데이터 포털의 동물병원 Database를 활용한다. (Mysql DB에 내장) 3.해당 데이터를 Cluster와 Marker를 이용하여 지도에 표시한다. 4.GeoLocation Api를 활용하여 현재 위치정보를 얻는다.(Https 필요) 5.현재 위치정보를 바탕으로 주변 동물병원 정보를 리스트로 표시한다. 6. 지도를 이동하거나 줌으로 시점을 변경했을때 지도에 표시되는 가장 가까운 병원 최대 5개를 리스트로 표시한다. 7. 지도에 표시된 Marker 기준으로 하단부에 내 주변병원 리스트 출력 카카오 맵 API를 이용해서 동물병원 정보를 지도에 ..

    Carousel with card n * n 해결

    페이징 및 검색 기능이 구현된 뷰에 리스트와 이미지 슬라이드 두가지 옵션으로 보여주고 싶었다. number.sequence와 가져온 dtolist의 사이즈를 나눈값과 나머지를 통해서 num 변수에 설정하고 해당 num변수로 carousel 안쪽 card의 갯수를 조절했다. th:src 부분은 서버 내부에 업로드한 파일 경로를 두었더니 업로드 직후 보이지 않아서 비동기적으로 변경했다. 아래글 참조 2023.02.13 - [프로젝트 정리/지역기반 모임 서비스] - 이미지 업로드 직후 업로드한 이미지가 보이지 않는 상황 해결 이미지 업로드 직후 업로드한 이미지가 보이지 않는 상황 해결 게시글을 작성한 후 파일을 서버 내부 폴더에 저장하고 게시글 목록을 동기적으로 이동했을때 이미지가 나오지 않는 상황이 발생하였..

    검색 및 pagination에 동적 쿼리 사용해보기

    내가 속한 모임 게시글, 내가 속하지 않은 모임 게시글 정보를 검색 및 페이징 처리를 거쳐서 가져오려 한다. 해당 모임 게시글을 카테고리와 유저의 지역정보, 게시글의 제목과 내용으로 검색하도록 구현하려 했다. mapper에 해당 조건마다 쿼리를 만들어야 해서 이를 해결하고자 동적 쿼리를 사용해보았다. mapper interface package com.example.batisproject.mapper.jungi; import com.example.batisproject.dto.GatherDTO; import com.example.batisproject.dto.GatherResponseDTO; import com.example.batisproject.dto.PageRequestDTO; import com...

    이미지 업로드 직후 업로드한 이미지가 보이지 않는 상황 해결

    게시글을 작성한 후 파일을 서버 내부 폴더에 저장하고 게시글 목록을 동기적으로 이동했을때 이미지가 나오지 않는 상황이 발생하였다. 원인은 서버 내부 폴더를 새로고침 하여야 해당 파일이 반영된다는 점이었다. 정적리소스 서버 재시작 없이 바로 반영하기 등의 키워드로 구글링을 해보고 설정을 해봤지만 결국 폴더를 새로고침 해야 반영되는 상황이 계속 되었다. 비동기적으로 해당 파일을 가져오는 방법으로 해결하였다. 이하는 해결한 비동기 코드이다. package com.example.batisproject.apicontroller.user; import lombok.extern.slf4j.Slf4j; import io.swagger.v3.oas.annotations.Operation; import org.spring..

    내가 속한 모임 가져오는 쿼리와 내가 속하지 않은 모임 가져오는 쿼리

    문제점 Gather라는 테이블에서 u_id가 포함됐는지 여부로 내가 속한 모임과 그렇지 않은 모임에 해당하는 데이터를 가져와야 하는 상황이다. 유저 정보로 해당 회원이 생성한 모임이나 참가한 모임정보를 가져오는 쿼리 유저 정보(nickname)로 pk인 u_id를 select하고 select한 u_id가 포함되지 않는 일정 정보를 가져오는 쿼리 해당 일정 정보는 현재 시간보다 늦은 모임이어야 하고 지역 정보와 카테고리 정보가 변수와 같아야 한다. 다음 쿼리를 사용해서 해결하였다. select * from gather g RIGHT join chatting c on g.g_id = c.gather_g_id where c.user_u_id = (select u_id from user where nicknam..