자바스크립트 7

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

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

Project/5V 2024.11.28

[3nd Project]반응형 미디어 쿼리

아 ...토키유키 사마 3회 밖에 안남았어안돼..안돼.....안돼.........이도류 검사 나왔단말야.. 후부키인지 후븤키인지무튼 . . . 안대 2기 만들어라 가마쿠라 Dance토키유키 주군만들기 ㅠ 키르아는 찐 고양이상이라이질감이 없다눙 오늘은 반응형 CSS 다 끝내고 주말에 포트폴리오 리액트로 만들면서 김장할거야..!! 그럴거야 혼또다요 모바일 425px 작업 중 얼추 크기를 많이 맞춤길찾기 기능도 쓸 수 있답니다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!아 ~ 눈아픈데오늘 돼지처럼 냠냠그래서 힘이 날 줄 알았으나 오히려 졸리다는 부작용이 있따. 랩탑싸이즈까지 완료했습니다.......네ㅔ네 이제 리액트로 포폴을 만드는 과정을 들고 오겠습니다. 오늘은 뭐 별..

Project/5V 2024.11.23

[3nd Project]벌레 잡기

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

Project/5V 2024.11.21

[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

[2nd Project] 자바스크립트와 JSP로 챗봇 만들기

사람의 욕심은 끝이 없고~ 계속 볼수록 수정사항이 생기는 CSS 네 마이페이지 홈이구여! 네비바 누르면 각 탭으로 이동되게 해놨습니다. 근데 페이지가 너무 정적이라서 촌스러워가지고 이거 어떻게 해야하나 고민하던 중 챗봇을 하면 어떨까 생각했다.  숙슉 말풍선이 나오니까 꽤 동적인 요소이고, 자바스크립트로 충분히 구현이 가능하다니까 3시간 잡고 해봤다. 지선생님과 함께 자바스크립트 공부를 하면서 했기 때문에 더디고 조금 시간이 걸렸다. 아 마이페이지 닉네임이 왜 일론머스크냐고요?일론머스크가 되고 싶어하는 ...염소의 영감을 잔뜩 받았어요(ㅋㅋㅋㅋ)무튼 완성본 먼저    이렇게 해당 카테고리를 누르면하위 컨텐츠가 나오고 해당하는 질문을 클릭해서 답변을 볼 수 있다.    코드 리뷰를 해보겠습니다.  🩰se..

Project/javachip 2024.10.26

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

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

Project/SideProject 2024.10.01