전체 글 52

[3nd Project]벌레 잡기

안녕? 오늘은 따뜻한 우롱차를 한잔으로 하루를 시작합니다. 콧물 줄줄 얼굴 붓기 광광잠을 많이 잤더니 몸은 가벼워지나 얼굴은 커지는 매직감기 언제 걸리나 했더니 바로 걸리는  . . . . 오늘은 여정쿤과 닭발을 먹기로 한 날이기 때문에 빨리빨리 해야 할 일을 쳐내야하는 부지런데이하지만 빠릿한 나의 두뇌와 손은 언제나 믿음직하지 오늘은 피피티를 완성시키고, 반응형 425px 완성시키고,  세부적인 css 맞추려고 한다. 이번에 백엔드를 안쓰고 다 자바스크립트로만 구현을 해서 그런지 넘모 재밌다.  .  . 물론 백엔드도 재밌는데자바스크립트가 재밌어서 열시미 공부하고 싶어진다뇽 요즘 재밌게 보고 있는 도망을 잘 치는 도련님이거 역사 애니에여 이상한 거 아님근데 연출이 미쳤어요 진짜 기괴하고 무서우면서도 시..

Project/5V 2024.11.21

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

너네 다 머리 내려랴 머리 내리는 게 훨 이쁘다이제 나는 현재 위치 가져오는 함수를 만들 것이여 .. 원래 있던 함수라서 바로 적용했는데 저 파란 이미지 누르면 현재 위치가 있는 맵으로 보여지는데저는 지금 봉명역에 있나요>??저는.. 분명히 .. 에헴  공공데이터가 모두 로드되면 저 주변의 주차장이 함께 뜬다!에헴.. 이제 로드뷰를 상세 팝업에 끌고 오는 작업을 해보겠다. // 팝업을 보이도록 설정 document.getElementById('parking-details-popup').style.display = 'block'; const roadview = new kakao.maps.Roadview(roadviewContainer); const roadviewClient = ne..

Project/5V 2024.11.20

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

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

Project/5V 2024.11.19

SQLD 자격증 시험(+결과 추가)

SQLD = 사람 미치게 하는 자격증뭐가 이렇게 어렵고 .. 뭐가 뭔지 모르겠고..시험 2일 전에도 쿼리문에 눈이 흐려지는..해도 해도 한계가 있는 ..50문제 생각보다 무지 많고 어렵다..일명 노랭이 노랭이 어렵다고 많이들 하는데 진짜 어렵습니다특히 계층형 들어가는 순간 ..9o(`ω´ )o이게 알파벳이 맞니..ㅏ..외계어를 보는 느낌말 장난 하는 것 같아…..해설을 봐도 추상적이야…모르는 개념 적어둔건데 아 .. 시험 보기전에 봐야하는데 놓고와버렸다!!!!!!!나비효과로 합격까지 이어지게 해줘 ♥ 부탁할게 Plz아침에 1시간 반 더 공부하겠다고 5:20분에 일어나서 학원가는 길,거진 3주 본 것 같은데 이제야 60%정도 학습된 기분아주 어렵다 이말이야 진짜 읽기 싫게 생김 ㅠ ㅠ 이건 짧은 편..ㅎ ..

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

네 검색창 기능 완벽 구현 나야나 (소곤소곤 행복행복 신남신남) 검색창 기능 코드 리뷰하고 빨리 바나나랑 요거트 먹으러 떠날거랍니당 배고파 리뷰하기 넘 싫고 빨리 튀고 싶었는데요 그럼에도 참았어요. 내일의 나는 더 하기 싫을테니까요 헤헤 오늘의 리뷰! 검색창에서 주차장을 검색할 때 자동완성 기능과 키보드 탐색 기능을 구현 🎒1. searchParking 함수function searchParking() { const searchInput = document.getElementById("parking-search").value.toLowerCase(); // 검색어를 소문자로 변환하여 가져옴 const resultsContainer = document.getElementById("autocomplete-re..

Project/5V 2024.11.17

[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

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

자 이제 제일 큼직 큼직한 것만 나왔습니다. 처음부터 잘 모르고 무턱대고 덤벼서 생긴 일인 걸까?아니면 원래 다 이렇게 하는 건가 궁금하네 엄청 어려운 단계를 지나면 그 이후가 쉽고 이해가 빠르듯 지금도 그런 과정에 일부라고 생각한다.하지만, 그 어려운 단계를 잘 극복해 나가는 것도 쉬운 일은 아니니 ,, 과자를 먹자운동은 밤에 하고! (@^0^@)/(ノ◕ヮ◕)ノ*:・゚✧✪ ω ✪   일단 나는 전체 데이터를 받아와서 필터링을 해야하는데 한 번 호출 할 때 제한이 있이 때문에 페이지 별로 반복 요청으로 모든 페이지의 데이터를결합하는 방식으로 진행해야 한다.API 페이지네이션을 사용해 한 번에 불러올 수 있는 데이터 수가 제한되어 있으니까어쩔 수 없이 순차적으로 데이터 요청 후 모아서 결합해야 한다.  1..

Project/5V 2024.11.14

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

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

Project/5V 2024.11.13

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

아침부터 헤드에이크에 시달리고 있는 나 .. Api부터 아주 새로 시작할 생각에 퀭해진 나두통의 원인 잡았다 요놈!이번주에 개발 완료의 목표가 산산조각이 나서 착잡한거지다시 하려고 해서 슬픈 건 아니야!!!!나니요.. 나니요... 나니요오오  시작해보자 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!주차장 이놈!!!!  기존 데이터// 공공데이터 API에서 주차장 리스트 가져오기function fetchParkingLotData(tabName) { $.ajax({ url: 'http://api.data.go.kr/openapi/tn_pubr_prkplce_info_api', data: { serviceKey: '', // 공공데이터 포털에..

Project/5V 2024.11.12