API 7

[3nd Project] 카카오 모빌리티 API 가공하기

오늘은 예슬이 귀빠진 날아침부터 기분 좋은 날 쑥쑥 빠지는 눈을 밟으며 생일송을 들으며 왔다.헤헤 그러다 네모의 꿈을 듣고 싶어서 네모의 꿈도 들었다능 오죠사마!  그만 떠들고 코딩해야지!!!!!!  현재 길찾기를 하면 출발지와 도착지가 텍스트로 '출발지' 라고만 적혀있는데이걸 사용자가 입력한 출발지 이름으로 바꾸면서 마커도 함께 가져올려고 한다능정말 이것만 하면 나는 완벽스루네  🍒기존 displayRoute//경로 데이터 표시(텍스트)function displayRoute(data) { const routeDirections = document.getElementById("route-directions"); routeDirections.innerHTML = ''; // 기존 결과 초기화 ..

Project/5V 2024.11.28

[3nd Project] 카카오 Api로 주차장 구현하기 10

오우 3일 만에 한겨울이 와서 손이 시렵고 발이 시렵고 눈도 시렵고 귀도 시렵고 추워 추버 추버ㅓ..아침에 일어났더니 마켓컬리가 와있어서 신나게 상품깡그렇지만 이거 샀는데 4만원이라고? (물가 미쳤다)그릭요거트 3개 샀는데 12000원???????????????띠용핑  오늘은 주차장 CSS 마무리 짓는 날네네 제일 미뤄왔던 일을 해야합니다.  오늘 안에 다 할 수 있을까??0.0불가능은 없다!     상세적인 css를 하고 있습니다. 일단 검색창을 누르면 검색결과를 자동완성 값으로 하고 있는데이 검색창이 자기 마음대로 올라가 있어서 고치는 중  뜨아아는 뭘까요?  검색창 고쳤고상세 페이지 길찾기 버튼 누르면 바로 탭 넘어가서 적히도록 하고 싶은데 역시나 위도 경도 값으로 뜨는 군요!자 길찾기 버튼 누르면..

Project/5V 2024.11.19

[3nd Project] 카카오 api로 주차장 구현하기 5

오늘의 첫 곡은 응급실입니다.이 드라마의 최고 아웃풋 응급실.(Tmi: 초딩 때 저 머리를 하고 싶어서 하고 다니다가 언니들한테 찍힌다고 친구가 겁줘서 튀는 머리 안했어요.그래서 29살이지만 머리 땋기, 양갈래 이런거 해도 되는 장소에는 내면의 욕구를 충족시키기 위해 하고 감요)무튼 오늘은 나 무조건 80% 끝낼거야. 오늘 해야 할 일1. 필터링된 공공데이터 주차장 리스트에 출력하기2. 지역 검색 필터 완벽 구현하기3. 내 위치 찍히게 바꾸기 4. 길찾기 부분 구현 해놓기 와 나 진짜 오늘 집중 빡할거야 그럴려고 아침에 빵 두 조각 냠냠굿나 오늘도 실패로 돌아가면 SQLD고 뭐고 집 안감ㅠㅠ 해보자 예슬아  🥊fetchParkingLotData - 주차장 데이터 불러오기 function fetchPar..

Project/5V 2024.11.13

[3nd Project] 공공데이터와 카카오 API로 주차장 웹 구현하기 2

오늘은 카카오 api를 통해 가져온 지도에 공공데이터 API를 호출하여 주차장 데이터를 가져올 것이다. 가공까지 할 수 있으면 좋은데 목표는 일단 데이터 가져와보기,, 개발할 때는 처음부터 설계를 잘 해야 한다는 것을 깨달았지만 동시에 사소해 보이는 모든 기능들을 구현하기 위해서는 눈을 부릅뜨고 해야한다 어텐션플리즈 공공데이터를 가져오려면 XML/JSON형식이 있는데 정확히 어떤 건지 잘 몰라서 찾아봤다.결론: 웹 및 앱은 JSON을 더 많이 사용하며 일반적이다. 왜냐하면 속도가 빠르고 데이터 크기가 작아서 전송에 유리하다. 그래서 나는 json을 사용해서 데이터를 받아오려고 한다. 공공데이터 포털에서 미리 신청해둔 전국주자창표준데이터를 활용했다.벌써 무려 6건!!!! 앞으로 100건이 될 때까지 데이터..

Project/5V 2024.11.10

[3nd Project] intro 주차장 찾기 웹페이지 구현

갱장히 피곤한 오늘더 잘까? 20번 고민하다 일어난 내 신체 칭찬해. 아침부터 800미터 전력질주 계단 20층 오른 나 칭찬해이래서 피로가 안 풀리는 건가봉가 ..   내일은 우리 집 고양이 화장실 청소 해주는 날고앵이 화장실 청소는 무지 힘들어(유사 유산소) 무튼 내일 토요일!!!!!SQLD 딱 대 너.그리고 오블완씨 나 21일 뒤에 생일이야 매일 써줄게.  2차 최종 발표 후 D+3 3차 프로젝트 착수보고 D-DAY네.. 2차 끝나기 2주 전 3차 팀을 구성하고1주 전부터 준비했습니다. (그래서 피로가 안 풀리는 건가) 3차 프로젝트 주제에 더하여 주차장을 넣을 거다.  지도를 사용하는 기술은 처음이라 카카오 지도 API 가이드를 정독하고그 방법대로 해보려고 한다.  카카오 맵 api 가이드 카카오ㅆ..

Project/5V 2024.11.08

[2nd Project] 구글 API 구현하기

구글도 처음엔 mvc로 시도하다가 초기 셋팅이 오류가 있어서 다시 이클립스로 가서 작업했다. 그래서 파일이 비교적 단순한데 5개가 전부다.이걸로 간단히 하다가 네이버로 오니까 머리가 터질 수 밖에!한 번 짚고 가보다쿠👧🎅👩‍🚀👨‍💻👩‍💻      GoogleVOpackage dto;import java.sql.Timestamp;import lombok.AllArgsConstructor;import lombok.Data;import lombok.NoArgsConstructor;@Data // 게터, 세터, toString, equals, hashCode 등을 자동으로 생성@NoArgsConstructor // 기본 생성자 생성@AllArgsConstructor // 모든 필드를 매개변수..

Project/javachip 2024.10.04

[2nd Project] 카카오 로그인 API 구현

카카오 로그인 이녀석 누가 쉽다고 했어!!!!!코딩 병아리🐤🐥🐤🐣에게는 아주 어려웠다고요!도합 8시간 걸렸습니다.(금방 한 건가) 정확히 3번 엎었습니다.1. jsp로 해보겠다고 끙끙2. 스프링 MVC로 해보겠다고 끙끙3. 마지막 결국 자바스크립트 총평: 자바스크립트가 제일 간단하고 깔끔합니다. 다들 굳이 어렵게 하지마시고, 자바스크립트로 하세요자바스크립트 너 최고야. 😲 정리 해보면서 복기를 해보겠습니다.        카카오 개발자도구에 가서 애플리케이션 추가하면 앱 키가 나온다. 자바스크립트의 경우 자바스크립트 키로 쓰면 된다.(개발자도구에서 자세한 순서는 여기 블로그 참고)    🧀카카오 로그인 API 파일 DBCP.java현재 나는 DBCP를 이용해서 DB를 연결하고 있기 때문에 DBC..

Project/SideProject 2024.10.01