Develop/JSP14 중간보고 피드백 (12) 네 오늘은 중간보고 날이었고늘 그랬듯 피드백도 받아왔습니다.. 거두절미하고 피드백부터 반영해 봅시다.. ✅피드백 멘토님 피드백 한 줄 정리전체적으로 기능에 대해서는 잘 구현이 되어있지만 UI정리가 필요하다. 쌤 피드백 한 줄 정리사용자들이 익숙한 색상, 경험이 있는 데는 이유가 있다. UI, UX를 신경 써서 프로젝트를 진행하자. 피드백의 주된 내용들이 다 UI, UX에 대한 것들이었다.개인적인 생각이지만 백엔드는 구현해야 할 것들이 정해져 있기 때문에 기능 중점으로 따라가면 잘할 수 있는 것 같은데,프론트는 창작(?)의 영역인 느낌이다. 처음 어떻게 시작해야 할지 막막한 느낌.. 그렇다고 생각대로 하면 어색하고 이상하고..쌤 피드백 중에서실제 사이트 색감을 그대로 쓰면 된다.사용자들이 익숙한 색감.. 2024. 11. 22. 공공데이터 API - 서울 맛집 API로 DB저장 구현하기 (2) 아까 하던거 이어서!불러온 값들 DB에 저장시키기 controller → service → serviceImpl → DAO → Mapper 렛츠고 inputApiController @PostMapping("/Matzip/inputMatzipDB")public String inputMatzipDB(@RequestParam("selectedContentIds") String selectedContentIds, HttpSession session, RedirectAttributes redirectAttributes) { List restaurantList = (List) session.getAttribute("restaurantList"); .. 2024. 10. 27. 공공데이터 API - 서울 맛집 API로 DB저장 구현하기 (1) 뽈뽈뽈 프로젝트의 끝이 얼마 안 남았기 때문에 전체적인 완성도를 위해맛집 페이지 작업을 시작했다. 작업하면서 정리하기! 기존 작업 결과물 기존에 작업했던 한국관광공사_국문 관광정보 서비스_GW는 공공데이터 API를 호출해서각각의 해당하는 엔드포인트에 입력값을 넣어서 원하는 정보들을 받아서최종적으로는 DB에 저장되게 작업했었다. 위 정보들을 활용해서 만든 페이지 이런 방식으로 맛집에 관한 API를 가져와서 DB에 저장하고 사용하면 되지 않을까 생각했다. 결론 먼저 말하면 그렇게 할 시간도 없고 그 방식도 어려워서 다른 방식으로 접근해서 어느정도 마무리는 해놨다. 시행착오 시행착오 시작!일단 병아리 입장에서 서울관광재단에서 주는 API 사용법들은 굉장히 불친절하다. 필요한 정보들이 있는 .. 2024. 10. 27. OpenWeatherMap API, canvas 사용하기 OpenWeatherMap api 사용해서 네이버 날씨랑 비슷한 인터페이스 만들기 도전! 이번 프로젝트 진행하면서 페이지 마무리 하고 있었는데 그래도 명색이 여행지 추천 사이트인데 날씨 정보가 없는게 이상해서 찾아보다가 마침 같이 학원다니는 문배의 추천으로 날씨 api도 쓰기로 결정! 그래서 도전!! 목표는 네이버 날씨처럼 비슷한 UI 구성하기 Openapi를 자주 써봤기 때문에 쉬울줄 알았다.. canvas를 만나기 전까진.. 많은 오류들을 만났고 해결했기 때문에 오류+해결방법으로 구성하겠습니다~ 처음부터 삐걱대면서 시작! 오류1. API 호출openweathermap api 불러올 때 부터 삐걱댔다. 문배의 꿀팁과 구글링을 통해 var url = https://api.openweathermap.org.. 2024. 10. 24. 구글 지도 API 써서 일정 페이지 만들기 팀 프로젝트 완성도를 채우기 위해 촉박한 일정이지만 새로 페이지를 맡았다! google map API로 여행 일정 페이지를 만드는 작업이였다.. 일단은 완성했으니 공부겸 정리하기! 일단..완성된 페이지jsp로 작업했고 자바스크립트를 70% 넘게 쓴거 같다. 구성 placeholder 걸어놓은 제목을 입력해주세요 부분에 사용자가 입력할 수 있게 했다. (여행 일정 제목)그 밑에 달력으로 날짜를 받게 했는데 달력은 위 코드의 외부 css를 사용했다! 깔끔하고 쓰기 편한거 같다. 버튼 색깔 css정도만 해줬다. 그 밑으로는 google map API를 써서 지도를 넣었다. (마커와 선으로 경로 표시 예정) 지도 밑에는 DAY라는 카드를 만들어서 정렬했고 기본적으로 2개를 놨다. 우측에 일정 추가 버튼.. 2024. 10. 22. 메인 페이지 정리, 페이지 하나로 DB 총 관리하기 (1) 이제 어느정도 페이지 틀은 잡혔고, 기존에 스크립틀릿으로 만든 기능들도 MVC 패턴으로 바꿔놨다. 오늘부터 메인페이지 부분을 수정했고 까먹기 전에 공부 겸 정리하기!인기 여행지 수정하기 먼저 인기 여행지 부분을 수정했다. 인기 여행지 부분에 DB에서 가져온(공공데이터 API로 저장한 여행지) 값들로 채워넣어야 했다.구현하고 싶었던 큰 기능들은1. DB에서 랜덤으로 계속 바뀌면서 출력하기2. 이미지 클릭 시 해당하는 여행지 페이지로 이동하기 정도였다. 충분히 구현할 수 있다고 생각하고 시작! 내 핫플 페이지에서 DB에 저장된 댓글들을 가져온다고 생각하고 비슷하게 만들어 보려고 했다. 이걸 참고해서! MVC 패턴대로 만들어봤다. Controller@Autowiredprivate HotPlaceService .. 2024. 10. 14. 이전 1 2 3 다음
