오늘은 검색하면 그 주변에 마커가 생기는 것까지 구현을 했다. 태그부분은 늘 같으므로 오늘은 js 부분만 보겠다. keyWordSearch () { // 마커를 클릭하면 장소명을 표출할 인포윈도우 입니다 var infowindow = new kakao.maps.InfoWindow({ zIndex: 1 }) // 지도를 표시할 div const mapContainer = document.getElementById('map') const options = { center: new kakao.maps.LatLng(33.664, 6.890), level: 10 } // 지도 생성 -> 나중에 전역변수로 맵을 생성해야함 const map = new kakao.maps.Map(mapContainer, options..

오늘은 좀 수정을 했다. 내가 생각한 것은 처음 입장시 자기 주변 맛집을 찾아주는 거였다. 그래서 오늘은 입장시 바로 자기 위치를 찾아서 화면 띄워주는것 까지 해볼것이다. 일단 카카오 api는 좋다. 먼저 전체 코드이다. dasfd 먼저 하나 하나 보겠다. html 부분은 볼게 없다. 그냥 div하나에다가 박아넣어 놓기만 하면 된다. js부분

오늘은 카카오 api를 사용해서 지도를 화면에 띄워 봤다. 일단 코드는 이러하다. dasfd 하나씩 끊어서 보면 간단하다..... 마크를 찍는 부분은 나도 조금 더 봐야 할거같다. dasfd 간단하게 Vue.js를 사용했다. text-field로 검색을 해서 dasfd라는 버튼을 클릭하면 keyWordSearch라는 메서드를 실행시키는 것이다. 그리고 부분은 카카오 api로 지도를 띄워줄 부분이다. mounted () { window.kakao && window.kakao.maps ? this.initMap() : this.addScript() }, methods: { // 현재 위치 찾기 initMap () { var container = document.getElementById('map') // 담..

최근들어서 일 - 집 만 왔다갔다 하니까 공부할 시간도 없었던거 같다. 그래서 기간을 좀 길게 잡은 토이프로젝트를 하나 만들어 보려고한다. 간단하게 주변 맛집 과 리뷰를 볼 수 있는 웹사이트를 만들려고한다. 이름은 쿠이신보(먹보)라는 뜻의 사이트이다. 사용하는 기술은 Vue.js, Java, Spring Boot, MySQL 요 3가지를 써볼려고 한다. 사전조사 한 사이트들 식신 : https://www.siksinhot.com/ 식신 : 대한민국 No.1 맛집검색,맛집추천 전국부터 해외까지 없는 맛집이 없는 No.1 맛집 정보 & 추천 서비스 국민맛집 식신! www.siksinhot.com 망고 플레이트 : https://www.mangoplate.com/search/%EC%A3%BC%EB%B3%80%..

스프링 규약에 의해 스프링 컨테이너가 관리하는 객체를 보통 Bean(빈)이라고 부른다. 빈은 예제 애플리케이션의 근간을 구성한다. 자바에서는 객체의 의존성을 관리하기 위한 두 가지 방법이 있다. 첫번째 방법은 객체가 직접 의존관계에 있는 객체들의 생성자를 호출하는 것으로 의존성을 인스턴스화 하는 것이고 두번째 방법은 룩업(look-up) 패턴을 활용해 의존성들을 찾아 배치하는 것. 다음의 RegistrationService는 회원가입에 성공한 이후에 사용자에게 이메일을 전송하는 예제이다. 단순화 하기 위해 의존성 부분에 초점을 맞추고 회원 가입과 이메일을 전송하는 세부 사항은 생략한다. 다음 코드는 RegistrationService가 생성자에서 MailSender를 인스턴스화 하는 방법을 보여준다. p..

요즘 vue.js만 공부하다 보니 스프링 부트 쪽 공부가 잘 안 되는 거 같아서 스프링 부트로 유저 리스트를 구현해 봤다. css는 신경 쓰지 않고 기능만 구현해봤다. 준비물 : IntelliJ , 오라클 db 먼저 스프링 부트 프로젝트를 만든다. 빌드 도구는 gradle을 사용하였고, 자바 버전은 11 버전으로 하였다. name 부분에 자기가 하고 싶은 프로젝트 명을 적고 next 클릭 라이브러리는 기본적으로 이렇게 가져왔다. 이제 finish를 클릭하면 프로젝트 생성이 끝난다. 프로젝트 생성이 끝나면 이제 패키지를 작성하는데 이렇게 만든다. 이제 하나 씩 설명이라기 보다 내 생각을 적겠다. controller는 처음 클라이언트가 url에 접속을 하면 컨트롤러가 받아서 보여줄 화면을 리턴한다. doma..

공부 목적으로 올린거임. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 package logicalcode.websocket; import java.io.IOException; import java.util.Iterator; import java.util.Map; import..