JavaScript 4

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

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

Project/5V 2024.11.19

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

나는 힘들 때 햄토리 오프닝을 들어. 길찾기 하는 날! 일단 탭함수를 내가 막아놔서 주석을 풀고 탭 함수를 살려서 길찾기로 넘어가게 해보겠다. 먼저 parkinglot.jsp에서 영역을 만들어주었다. 출발지: 도착지: 길찾기 길찾기 경로 🚍showTab 함수// 탭 전환 함수 function showTab(tabName) { // 모든 탭 콘텐츠 숨기기 document.querySelectorAll('.tab-content').forEach(tab => { tab.style.display = 'none'; }); // 선택한 탭만 보이도록 설정 document.getElementById(tabName).style.display = 'block'; // 모든 탭 버튼에서 'active' 클래스 제거 doc..

Project/5V 2024.11.16

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

형돈이 뱃살 = 내 뱃살 목요일이 밝았습니다. 이번주는 정말로 힘이 들어요! 헤헷 .. 할 게 너무나도 많네요!어떻게든 되겠지 나는 날 믿어 인생을 대충 살지 않으니까뭐든 뚝딱 잘 해낼거니까성실하니까암암 오늘의 목표는길찾기 기능 구현하기 - 호달달 - 길찾기를 하려면요! 일단은 카카오 모빌리티에서 API를 받아와야 한답니다. 저는 제 javascript 코드 한 번 쭉 보면서 흐름을 읽고 매개변수들 좀 본 다음에 진행하도록 하겠습니다. 리뷰를 한 번 하고 해야지 잘 되더라고요, ,그래서 오늘 7편은 코드 리뷰 및 흐름 이해로 하고 길찾기는 8에서 하겠습니다. ㅎ . 챌린지 때문에 나누는거 맞음!🚧주요  흐름페이지가 로드되면 카카오 지도가 초기화되고, fetchParkingLotData호출fetchTot..

Project/5V 2024.11.15

[2nd Project] SQL 조인해서 테이블 연동하기, 마이페이지에 불러오기!

🎨다양한 페이지들과 내 마이페이지 연동하기 로그인을 한 경우 생기는 마이페이지에서 나의 활동 로그들을 한 눈에 볼 수 있도록하기 위한 테이블 조인 작업! 처음 해보는 테이블 조인으로 3일 전부터 무섭고 계속 퍼뜩 생각이 나가지고 빨리 해치우고 싶었으나, 제대로 해치워야지정리하면서 하면 하나하나 기억에 오래 저장할 수 있으니 한 번 기록해보겠어.  1. DB에 있는 공공데이터들 불러오기2. 내가 저장한 장소 저장 목록에 불러오기3. 내가 쓴 게시글 목록 불러오기    아래는 내가 그린 마이페이지 프로토타입  내 여행기 부분에 내가 쓴 게시글을 불러오기 위해서 조인 작업을 할 예정이다. 어제 공공API를 통해서 추천 핫플레이스를 DB에 저장해서 랜덤으로 불러오는 것과 핫플페이지 내 저장을 누르면 로그인한 ..

Project/javachip 2024.10.18