내일배움 과제144 마커로 길찾기 1. 마커 이동시켜 도착지로 카카오맵 불러오기더보기 🔥 업데이트된 기능길찾기 링크 자동 업데이트마커를 이동하면 새로운 위치를 반영하여 InfoWindow 업데이트https://map.kakao.com/link/to/장소명,위도,경도 링크가 마커의 최신 위치를 따라감.로컬 저장 (localStorage)새로고침해도 마지막으로 이동한 위치를 기억하여 복원.InfoWindow 자동 갱신updateInfoWindow(position) 함수로 마커 이동 시 InfoWindow를 자동 업데이트🎯 기대 효과마커를 이동한 후에도 최신 위치로 길찾기가 가능!사용자가 링크를 클릭하면 새 창에서 카카오 길찾기 페이지가 열림!2. 움직이는 마커 2개. 하나는 출발지, 하나는 도착지더보기 .. 2025. 2. 20. html에서 카카오 지도 api 사용하기 카카오 개발자 앱키 : https://developers.kakao.com/console/app/1202722/config/appKey카카오맵 : https://apis.map.kakao.com/web/wizard/html로 지도 띄우기더보기 마커 만들기더보기하나 만들기 // 마커 이미지의 주소(북마커아님. 이동이 자유로운 마커) var markerImageUrl = 'https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fch0TFq%2FbtsMojyLajz%2FbWu5fv0Ox11EuAlSI9RxA1%2Fimg.png', markerIma.. 2025. 2. 19. 웹소켓, 카카오맵 api 사용 계획 1. 만드는 방법기술 스택백엔드: NestJS (TypeScript), PostgreSQL (Prisma ORM), Redis (캐싱)프론트엔드: React (Next.js), Zustand (상태관리)지도 API: 카카오맵 API실시간 기능: WebSocket (Socket.io)구현 단계1. 기본 프로젝트 설정NestJS와 PostgreSQL을 설정하고 Prisma로 DB 스키마 정의카카오맵 API 키 등록2. 길찾기 기능프론트엔드에서 출발지/도착지를 입력하면 카카오맵 API로 경로 검색실시간 이동 업데이트를 위해 WebSocket 연결NestJS에서 경로 요청을 받아 처리하고 프론트엔드로 전송3. 북마크 기능유저가 특정 위치를 저장할 수 있도록 DB에 북마크 테이블 추가프론트엔드에서 유저의 북마크 .. 2025. 2. 19. 알고리즘 81번 - N개의 최소공배수 URL : https://school.programmers.co.kr/learn/courses/30/lessons/12953JS문제더보기문제 설명두 수의 최소공배수(Least Common Multiple)란 입력된 두 수의 배수 중 공통이 되는 가장 작은 숫자를 의미합니다. 예를 들어 2와 7의 최소공배수는 14가 됩니다. 정의를 확장해서, n개의 수의 최소공배수는 n 개의 수들의 배수 중 공통이 되는 가장 작은 숫자가 됩니다. n개의 숫자를 담은 배열 arr이 입력되었을 때 이 수들의 최소공배수를 반환하는 함수, solution을 완성해 주세요.제한 사항arr은 길이 1이상, 15이하인 배열입니다.arr의 원소는 100 이하인 자연수입니다.입출력 예arrresult[2,6,8,14]168[1,2,3]6.. 2025. 2. 19. 알고리즘 80번 - 예상 대진표 URL : https://school.programmers.co.kr/learn/courses/30/lessons/12985JS문제더보기문제 설명△△ 게임대회가 개최되었습니다. 이 대회는 N명이 참가하고, 토너먼트 형식으로 진행됩니다. N명의 참가자는 각각 1부터 N번을 차례대로 배정받습니다. 그리고, 1번↔2번, 3번↔4번, ... , N-1번↔N번의 참가자끼리 게임을 진행합니다. 각 게임에서 이긴 사람은 다음 라운드에 진출할 수 있습니다. 이때, 다음 라운드에 진출할 참가자의 번호는 다시 1번부터 N/2번을 차례대로 배정받습니다. 만약 1번↔2번 끼리 겨루는 게임에서 2번이 승리했다면 다음 라운드에서 1번을 부여받고, 3번↔4번에서 겨루는 게임에서 3번이 승리했다면 다음 라운드에서 2번을 부여받게 됩.. 2025. 2. 18. 트러블슈팅 - 업적 dto의 날짜 타입이 적절치 않아 발생한 오류 문제 원인날짜관련 dto, 서비스에서의 처리가 entity의 타입과 다름.해결방법dto의 받는 형식을 문자열을 받아서 날짜형태로 바꿔 변수에 저장하도록 수정서비스에 받아온 문자열을 날짜 형태로 바꾸기 import { Type } from 'class-transformer'; @IsDate() @Type(() => Date) // 문자열을 Date 객체로 변환 expiration_at: Date; //서비스 // 📌 expiration_date를 Date 객체로 변환 const expirationAt = format(expiration_at, 'yyyy-MM-dd HH:mm:ss'); 2025. 2. 17. 이전 1 2 3 4 ··· 24 다음
