개인프로젝트-TripSet

일반적인 여행앱들 조사결과 대부분 예약서비스가 메인을 두고, 사이드로 여행지 추천이라던지, 그 가게나 관광지에 갔던 사람들의 리뷰 서비스 등이 대부분이였다. 공통적으로는 예약서비스와 추천 기능, 여행일정은 꼭 들어가는 듯하다. 이런 식의 여행하기전 계획할 때 도움을 줄

✈️필수기능✈️ 1. 회원가입 사용자가 여행 일정을 관리하기 위해 필수적으로 회원가입을 진행해야 한다. 회원가입이 완료되지 않으면 일정 입력 및 관리 기능이 제한되도록 막아야된다. 2. 여행 일정 관리 지도 기능 🗺️ 사용자가 입력한 여행 일정에 따라 여행지 간의

메인페이지에 각 여행지 선택시 제공할 수 있는 사진을 첨부하기위해 한국관광공사 API를 가져와서 확인해 본 결과, chrome 관리자 페이지 consol에서 데이터를 불러들여올 수 없다.하지만 데이터 정보는 관리자페이지 -> network -> Fetch/XHR 에서

MYRO(AI 여행 플래너) - https://www.myro.co.kr/네비게이션 바에 어떤 내용 입력할 것인지아래에 관련 내용을 입력해 놔서 따로 메인 네비게이션 바는 필요없을 듯 하고, Join 하나만 넣을까다른 페이지 이동 시 네비게이션바 필요! ->

피그마 auto layout, 반응형 디자인 참고영상 https://www.youtube.com/watch?v=H 6Lw7QGykVo&list=PLA47HLsCOAWYhYfSaorpvA7i_oXkI2N https://www.youtube.com/watch?v=rn71

1. 기능 정리 기획을 하고, 디자인을 구상하면서 강사님이 보내주신 예시를 바탕으로 기능 정리를 해보았는데, 사실 아직 부분부분 수정할 부분은 너무 많고, 날씨기반 스타일링은 좀 더 생각을 해보아야겠지만, 생각만 한다고 될 것같지는 않아서 기능 구현 하면서 상황을 본

1. 회원은 여러 개의 여행 일정을 가질 수 있다. 회원은 한 여행 일정에 한 개의 체크리스트를 가질 수 있다. 하나의 여행 일정은 여러 개의 상세 일정을 가질 수 있다. 회원은 여러 개의 여행지 추천을 받을 수 있다. 회원은 여러 개의 스타일링을 추천 받을 수 있다

1. 동작 사용자가 로그인 버튼을 클릭하면 로그인 팝업창이 나타나고, 화면 배경이 어두워짐. 사용자가 팝업창을 닫는 버튼을 클릭하면 팝업창과 어두운 배경이 사라진다. 처음에는 배운대로 addclass, removeclass로 적용시켜보았는데 레이아웃이 여러개고 충돌

Port 에러 🗝️ 위와 같이 에러가 뜨길래 application.yml에서 port를 바꾸고 실행시켜서 해보고, 프로그램 자체를 다시 재실행시켜도 안되서 찾아보니 명령 프롬프트에서 아래 프로세스ID 실제아님 이렇게 작성하면 port 8082를 사용 중인 프

일정관리 기능 구현을 위해 피그마 퍼블링하여 가져오려고 했는데, 캘린더 부분 div로 다 바뀌어서 깨짐.. 내가 잘못 만들었거나 다운받은 캘린더가 잘못되거나 한거같은데 이렇게 된거 캘린더는 오픈 소스가져와서 구현하는게 좋을 것 같다 Data Range Picker을 가

회원가입 폼은 사용자가 아이디와 비밀번호 값을 저장한 후, 다음 페이지 클릭 시 입력했던 값을 임시로 저장한 후 넘기기 위해서본 가이드 라인에 내가 짠 디자인에 맞게 회원가입이 가능하도록 수정아이디, 비밀번호 정보를 저장하고 넘길 수 있도록 하기 위해서 처음 입력했을

카카오맵에서 키워드로 장소 검색하기 -> 코드를 가져오지만 마커표시는 다르게 하고싶고, 기존 코드와 겹치는 부분 제거 후 뽑아옴저대로 코드를 기존 코드에 넣어 지도가 나오는지 확인완료이제 키워드로 장소 검색하는부분을 내가 원하는 모양으로 커스텀하여 날짜 아래에 위치하도

지금까지 디자인 요소.. 때문에 시간을 많이 뺏겨서 기능 구현을 아직 많이 하지 못한 상태git 또는 블로그로 작성해서 올렸는데, 커다란 부분은 디자인, DB설계, 메인페이지, 로그인, 회원가입, 예약사이트 링크 제공, 카카오맵 목록 표출 기능, date 디자인이랑 맞

중간점검 피드백일정관리하는 Date Range Picker는 기본값으로 설정된 값은 현재 날짜로 변경, 사용자 클릭하여 적용하는 부분은 console로 찍으면서 확인하면서 코드짜기gpt활용하여 추천하는 기능은 다른 사람이 했던 python setup 파일 참고해서 기능

일정 관리 페이지 기능 구현(사용자 클릭 시 정보 저장 가능하도록)팝업 페이지 파일 분리 ⭕아이디, 비밀번호 유효성 검사 -> 빨리 해결체크리스트gpt api 적용아이디, 비밀번호 유효성 검사위처럼 함수로 간단하게 할 수 있지만...ajax으로 서버에서 직접적으로 처리

브라우저는 주소창이나 HTML의 form 태그 또는 a 태그를 통하여 HTTP 요청 전송 기능을 기본 제공하고, 자바스크립트를 사용하여 HTTP 요청을 전송하려면 XMLHttpRequest 객체를 사용한다. 지금 일정 선택해서 정보 저장하려고 했는데 당연히 일정 저장하

이번주 할 일✔️ 일정 관리 페이지 기능 구현 (사용자 클릭 시 정보 저장 가능하도록 ⭕) 팝업 페이지 파일 분리 ⭕ 아이디, 비밀번호 유효성 검사 -> (비밀번호 확인만 가능) ⭕ -> 대신 아이디, 비밀번호 입력안하고 다음 버튼 클릭 시 alert로 경고는 하

이번주 할 일✔️ 일정 관리 페이지 기능 구현 (사용자 클릭 시 정보 저장 가능하도록 ⭕) 팝업 페이지 파일 분리 ⭕ 아이디, 비밀번호 유효성 검사 -> (비밀번호 확인만 가능) ⭕ -> 대신 아이디, 비밀번호 입력안하고 다음 버튼 클릭 시 alert로 경고는 하지

ChatGPT 애플리케이션에 직접 접속하여 사용할 수 있지만, API를 사용하여 적용하고자 한다. 공식적으로 제공해주는 라이브러리는 Python, Node.js밖에 없지만, 일반인들이 만든 라이브러리 중 OpenAI가 검토한 언어별 라이브러리를 공유해주고있다. 사이트

그냥 바로 스프링부트와 파이썬으로 chatGPT 연결하려고 했는데 계속 오류 나서 먼저, 파이썬으로 chatGPT 연결부터 해보자 구글링해서 얻어낸 정보로 이렇게 코드를 적어봤는데, 계속 아래와 같은 오류가 났음 찾아보니 openAI가 1.0.0 버전 이후 달라졌

사용자는 'http://localhost:8082/usr/recommended/question' 페이지에서 질문을 입력입력된 질문은 GET방식으로 'http://localhost:8082/usr/recommended/ask?question=질문내용'

위는 OpenAI로 추천받은 여행장소와 상세주소이제 상세 주소를 클릭 시 지도가 주소에 맞게 동적으로 움직일 수 있도록 만들 고 싶은데 어떻게 하지? function handleAddressClick(address) { // openAI에서 받은 주소로 키워드 검색

이제 위와같은 부분을 구현하기 위해서 한국관광공사에서 제공하는 img를 띄우고 싶은데.. 하.............. 초반에 xml 파싱한 부분 참고해서, img를 console에서는 볼 수 있는데 body에서 위와같이 입력했을 때 위와 같이.... 나온다... 으하하

다시 페이지에 소개글 한마디 정도 보여주고 싶어서 openai 한테 부탁하는 중인데 위와 같이 코드를 쓰고, jsp에서 ${response.info}라고 불러들였는데 찾을 수 없다네..? 뭘 빠뜨렸지? JSP 코드의 response 객체는 flask 서버에서 반환

게시글, 체크리스트, 일정관리 페이지 정리 후, 맞춤형 여행 추천 서비스 디테일 수정...

위 사진은 첫번째 openAI 한테 부탁해서 받은 결과.. 장소, 주소 나오는데 이제 위의 결과를 내가 원하는 형태로 만들기 위해 어떤게 필요할까 현재 python에서 응답을 받는 형식은 String , string을 json 객체로 변환 문자열 형태의 데이터를

keyword에 popup창에서 지역을 선택한 정보를 encodeURIComponent로 인코딩하여 API 호출 시 문제가 발생하지 않도록 설정할 수 있다! API로 가져온 여러 이미지를 배열 images에 저장하고, currentIndex를 통해 현재 표시되는 이미지

지도에 openAI한테 추천받은 목적지를 표시하고, 마커 클릭했을 때 인포윈도우를 여는 이벤트를 처리주소 클릭 시 해당 장소를 지도에 바로 확인할 수 있도록 handleAddressClick는 사용자가 주소를 클릭했을 때 호출되는 함수이며, address는 클릭된 주소

목표 > 1. 여행 계획에 보다 직관적이고, 효율적인 계획을 세울 수 있도록 돕는 것을 목표 여행 준비 과정에서의 시간 절약과 스트레스 감소 기대 ERD 사용기술 및 개발환경 메인페이지 로그인 & 회원가입 (유효성 검사) ![](https://velog.velc

발표끝.. 심장 멈추는 줄 중간 발표이지만 혼자 기획부터 발표까지.. 수고했다ㅠ 뭔가 발표하면서 하고싶은말은 다했는지 기억이 안나지만... 그래도 보여주고 싶은 거는 다 보여준것같아서 만족.. 그래도 디자인적으로 좀 직관적이고 깔끔하게만 보이자라는 마음으로 만들었

갑자기 잘 실행되던 카카오맵 API가 아예 실행이 안된다.. 왜이러지...개발자 도구의 에러로그를 확인해보니 콘솔창 열었을 때 위와 같은 오류가 뜨는 것을 확인.. 뭐야 도대체ㅠㅠㅠ받아온 apikey 재발급하고 실행시켜봐도 키의 문제는 아닌 것 같고, 사이트 도메인 문

분명히 env 파일 만들고, 경로까지 다 지정을 해놨는데, 인식이 되지 않아 지도나 사진이 보이지 않음.. 직접 키를 yaml에 입력해주니 생성되는걸 확인했는데 그러면 경로의 문제는 아니고.. 근데 폴더에는 env 파일이 보이는데 sts에 env가 보이지 않음을 발견.