개인프로젝트 - TripSet (30) 썸네일형 리스트형 Project (09.20) - travelAnswer 페이지에 한국관광공사 API 적용 이제 위와같은 부분을 구현하기 위해서 한국관광공사에서 제공하는 img를 띄우고 싶은데.. 하.............. 초반에 xml 파싱한 부분 참고해서, img를 console에서는 볼 수 있는데 body에서 위와같이 입력했을 때 위와 같이.... 나온다... 으하하ㅏ 정신나갈거 같아ㅠㅠㅠㅠ 하나하나 하는데 너무 오래걸려ㅜㅜㅠ 정신차리고... 일단 사진부터 나오게 해야하는데 console.log('Image URL:', imageUrl); document.getElementById('imageContainer').textContent = imageUrl; script에는 저렇게 적었는데 console에는 이미지 url 잘 나오는데 왜 안나오지 으아ㅏtravelAnswer:480 Error fetc.. Project (09.20) - travelAnswer 페이지 카카오맵, openAI 구현 위는 OpenAI로 추천받은 여행장소와 상세주소이제 상세 주소를 클릭 시 지도가 주소에 맞게 동적으로 움직일 수 있도록 만들 고 싶은데 어떻게 하지? ` 부산광역시 해운대구 해운대해변로 264번길` function handleAddressClick(address) { // openAI에서 받은 주소로 키워드 검색 alert(address); ps.keywordSearch(address, placesSearchCB); event.preventDefault(); } 주소를 클릭하면 그 주소를 검색하고 지도에 표시될 수 있도록ps.keywordSearch('이태원 맛집', placesSearchCB); 카카오맵에 장소를 검색하는 곳에 넣었는데 지도가 움직이지 않는다..해보니깐 .. Project (09.19) 위 사진은 첫번째 openAI 한테 부탁해서 받은 결과.. 장소, 주소 나오는데 이제 위의 결과를 내가 원하는 형태로 만들기 위해 어떤게 필요할까현재 python에서 응답을 받는 형식은 String , string을 json 객체로 변환문자열 형태의 데이터를 받아서, 각 장소의 이름과 주소를 JSON 형식으로 변환하고 리스트로 반환!일단 python에서 어떻게 openAI에서 어떻게 응답을 받아오는지 확인부터 해야겠지'알겠어요. 대구에서 문화체험을 즐길 수 있는 인기있는 장소들을 추천해드릴게요. 각 장소의 자세한 주소는 다음과 같습니다:\n\n1. 경주안압지 (대구 북구 동변로 20)\n2. 대구 동화사 (대구 중구 동성로 2가)\n3. 경상감옥역사관 (대구 중구 경상감옥길 68)\n4. 대구 현충탑 (.. Project (09.17) - Python으로 openAI 연결(2) 그냥 바로 스프링부트와 파이썬으로 chatGPT 연결하려고 했는데 계속 오류 나서 먼저, 파이썬으로 chatGPT 연결부터 해보자구글링해서 얻어낸 정보로# OpenAI API 키 설정openai.api_key = os.getenv("FLASK_API_KEY")@app.route("/api/text", methods=["POST"])def TextMassageMaker(): input_data = request.get_json() # request body 값 receiver = input_data.get("receiver", "Unknown") purpose = input_data.get("purpose", "General Purpose") tone = inpu.. Project (09.16) - gpt API, Python(flask) (1) ChatGPT 애플리케이션에 직접 접속하여 사용할 수 있지만, API를 사용하여 적용하고자 한다.공식적으로 제공해주는 라이브러리는 Python, Node.js밖에 없지만, 일반인들이 만든 라이브러리 중 OpenAI가 검토한 언어별 라이브러리를 공유해주고있다.사이트에 OpenAI는 이러한 프로젝트의 정확성이나 보안성을 검증하지 않는다고 쓰여져 있음그리고 api 무료가 아닌데, 3개월 동안 사용할 수 있는 $5 무료 크레딧을 제공.....동작 흐름사용자는 'http://localhost:8082/usr/recommended/question' 페이지에서 질문을 입력입력된 질문은 GET방식으로 'http://localhost:8082/usr/recommended/ask?question=질문내용' 페이지로 전달M.. Project (09.14) - 일정관리, 유효성 검사 이번주 할 일✔️일정 관리 페이지 기능 구현(사용자 클릭 시 정보 저장 가능하도록 ⭕)팝업 페이지 파일 분리 ⭕아이디, 비밀번호 유효성 검사 -> (비밀번호 확인만 가능) ⭕-> 대신 아이디, 비밀번호 입력안하고 다음 버튼 클릭 시 alert로 경고는 하지만 다음으로 넘어감.. 수정 필요하고, 비밀번호 입력 후 비밀번호 확인까지하면 잘 작동되지만, 여기서 비밀번호 입력부분 지우면, 오류 발생 수정필요체크리스트gpt api 적용아이디 유효성 검사 아이디 6자 이상 20자 미만으로 작성되어야하며, 중복 아이디는 안되도록 ajax를 이용하여 코드 작성전에 알아봤던 blur, keyup중 사용자가 아이디 입력하는 도중에도 아이디 중복 검사를 하고 싶어서 keyup 이벤트로 결정debounce도 강사님도 적용해.. Project (09.13) - 'TravelPlans' 테이블 insert 구현 이번주 할 일✔️일정 관리 페이지 기능 구현 ⭕(사용자 클릭 시 정보 저장 가능하도록)팝업 페이지 파일 분리 ⭕아이디, 비밀번호 유효성 검사 -> (비밀번호 확인만 가능)체크리스트gpt api 적용XMLHttpRequest브라우저는 주소창이나 HTML의 form 태그 또는 a 태그를 통하여 HTTP 요청 전송 기능을 기본 제공하고, 자바스크립트를 사용하여 HTTP 요청을 전송하려면 XMLHttpRequest 객체를 사용한다.지금 일정 선택해서 정보 저장하려고 했는데 당연히 일정 저장하면서 테이블 다른 내용도 같이 보내고 저장해야지.. 이제 여기서 문제는 여행 목적지에대한 걸 어떻게 정리할 것인지..-> 목적지(지역) 테이블을 따로 만들어서 다른 데이터를 찾아보거나 입력해주거나.. 일단 오늘은 임시로 저장.. Project (09.12) - 유효성 검사, 날짜 데이터 이번주 할 일✔️일정 관리 페이지 기능 구현(사용자 클릭 시 정보 저장 가능하도록)팝업 페이지 파일 분리 ⭕아이디, 비밀번호 유효성 검사 -> 빨리 해결체크리스트gpt api 적용 아이디, 비밀번호 유효성 검사실시간 비밀번호 확인 function loginPwCheck() { if ($('#loginPw').val() == $('#loginPwConfirm').val()) { $('#loginPwChk').text('비밀번호 일치').css('color', 'green') } else if ($('#loginPw').val() == '' || $('#loginPwConfirm').val() == '') { $('#loginPwChk').text('비밀번호를 입력해주세요.').css('co.. 이전 1 2 3 4 다음
