프로젝트 정리
LocalTunnel로 localhost:8080 탈출하기
유튜버 노마드코더님이 예전에 올리신 영상중 https://www.youtube.com/watch?v=0lUJvVqSEkY&t=4s 이런 영상이 있다. LocalTunnel을 사용하려면 1. Node.js 설치 2. npm install -g localtunnel 3. lt --port 8080(실행중인 서버의 포트) -> https://wild-cows-kick-115-91-62-194.loca.lt 이런식의 url이 생성된다. 4. lt --port 8080 --subdomain catdog -> https://catdog.loca.lt 이런식으로 서브도메인 설정을 통해 원하는 url을 생성할 수 도 있다. local 환경이 아닌 https 환경등에서 테스트 필요시 사용하면 유용할 듯 싶다. 어우 근데..
ChatGpt (OpenAi Api) 애완동물 이름 만들기 #3
일정한 결과값 반환을 위한 프롬프트 개선 및 DB에 이모지 넣기 지난이야기 2023.03.28 - [프로젝트 정리/애완동물 종합 솔루션(CatDogForest)] - ChatGpt (OpenAi Api) 애완동물 이름 만들기 #2 원하는대로 입력창 안에 tag를 넣는 형식으로 변경했고 이모지 까지 같이 데이터베이스 넣을 수 있도록 UTF-8에서 UTF8mb4 형식으로 db와 table, column까지 변경했다. 다만 일정한 형식으로 출력되도록 프롬프트를 작성했는데 가끔 예기치 못한 답변이 돌아와 문자열 추출을 하지 못해 리스트가 뿌려지지 않는 현상이 있다. 변경한 프롬프트 sb.append("list 형식으로 애완동물의 이름과 작명이유를 3가지 작성하시오."); sb.append("이 글의 대상은 20..
ChatGpt (OpenAi Api) 애완동물 이름 만들기 #2
지난이야기 2023.03.27 - [프로젝트 정리/애완동물 종합 솔루션(CatDogForest)] - ChatGpt (OpenAi Api) 애완동물 이름 만들기 #1 현재 상태 입력값으로 프롬프트를 만들어서 가져온 데이터의 문자열 추출 과정을 통해 list로 뿌려주고 이름을 선택하면 해당 이름으로 본인이 설정한 애완동물 이름을 변경시키는 로직까지 완성했다. Todo 입력 양식을 위 사진형태로 변경하기
ChatGpt (OpenAi Api) 애완동물 이름 만들기 #1
애완동물의 이름을 지어주는 서비스를 openAi Api를 사용하여 만들고 있다. 현재 이런 상태인데 반환되는 값의 포멧이 일정하지 않아 문자열을 나눌때 split(value)의 value가 변동적이어서 리스트가 정상적으로 뿌려지지 않는 현상이 있다. TODO List 1. prompt를 내가 원하는 결과값이 나오도록 조정 2. 이름이 생성되었을때 해당 이름을 누르면 자신의 애완동물 이름으로 변경가능한 로직 추가 3. 입력 형식 아래 형식으로 변경 References By https://openai.com/blog/openai-api OpenAI API We’re releasing an API for accessing new AI models developed by OpenAI. openai.com htt..
CatDogForset Project 프로토타입 프레젠테이션 회고
전반적으로 괜찮은 진행속도라고 생각이 드나 목표 시간내 기능완성이나 코드 리팩토링에 대한 고려가 부족했다고 생각된다. 본인이 맡은 기능은 카카오 맵 api를 이용하여 동물병원 정보를 지도상에 표시 및 가까운 병원을 리스트로 출력하는 것이었는데 아무래도 처음 지도 관련 프로젝트를 하다보니 좌표계에 대한 정보나 위도 경도에 대한 이해, 이를 마커와 클러스터로 구성하는 방법 등등 어려운 점이 있었다. 그 중에서도 정부 데이터 포털에서 가져온 동물병원 좌표계와 카카오 맵에서 사용하는 좌표계가 달라 이를 변환하고 적용시키는 과정이 어려웠었다. ( + javascript ) chatGpt를 활용한 애완동물 작명소 기능은 최신 예제도 있고 생각보다는 쉬운 기능이 될 것 같아 비교적 편한 마음이다. (하지만 언제 어떻..
Kakao Map API with 애완동물병원 #9
애완동물 병원 정보를 다루는 프로토타입을 완성했다. 페이지에 처음 들어올때 전체 지도 정보를 가져와 마커와 클러스터로 구성하고, geolocation으로 가져온 현재 위치와 지도의 중앙,서남,북동의 위경도 값으로 지도 내부의 위경도를 계산하여 근처에 있는 병원 정보를 리스트로 출력한다. 이후 드래그 이벤트나 줌 변경 이벤트가 발생시 마찬가지로 지도 내부의 위경도을 계산하여 리스트로 보여준다. 개선점 1. 지도 내부에 병원이 없을때 보여주는 화면(텍스트 크기 등) 변경 2. 자세히 보기로 카카오 페이지로 이동시키는데 이를 target blank를 통해 새 창을 띄워 보여주기 3. 지도의 마커와 클러스터를 구성하는 데이터는 고정된 값이기 때문에 유저가 페이지로 들어갈 때마다 데이터베이스에 접근하기 보다 미리..