코디잉

지도api를 사용해서 검색한 결과가 ajax로 html에 추가되어 보여진다. 이거에 대해 처음에는 별로 중요하게 생각안하고 검색 결과가 나왔을 때 버튼을 click 했을 때, 값을 가져오려고 테스트하고 있는데.......... 평소와 같이 아래 코드로 테스트를 하는데 계ㅔㅔㅔ속 안됐다 ㅠ,ㅠ................ $('button.add-place').click(function () { alert('plz...'); }); 다른 요소들은 다 되는데 ajax로 가져온 요소만 왜 안될까 하다가 혹시,,,,싶어서 검색해봤더니 🔥 ajax로 생성된 html에는 위와 같은 방식으로는 동작하지 않는다고 한다. ajax로 html을 생성해준 것이기 때문에 한 번 더 DOM 객체를 읽어줘야 한다. 그래서 아래와..

✔ 전체 view 목록 ✔ 파트 나눠서 뷰 작업 하는 중,,, 일단 지금 한 거는 메인, 로그인, 비밀번호 찾기, 회원가입,일정공유 목록,,,ㅎㅎ 일정 부분부터 빨리 해야되는데 계속 미루고 다른 거 먼저 하고 있다,,,,,,,ㅎㅎ헣ㅎㅎ...

테스트하고 자료 찾아보면서 알게된 점 정리 ✔ Tmap api를 사용해서 장소 검색, 검색한 장소를 회원의 목록에 추가, 지도에 마커로 표시되어야 함 - 장소 검색하면 그 좌표를 input hidden값으로 가지고 있을 예정 ✔ 한국관광공사의 국문관광정보서비스 API를 사용해서 해당 지역의 관광지들을 인기순으로 불러와서 해당 장소를 회원이 목록에 추가할 경우, Tmap 지도에 마커로 표시되어야 함 - 관광지들 목록을 띄울 때, input hidden 값으로 좌표를 가지고 있을 예정 ✔ 그리고 모든 장소를 추가한 후에 를 누르면, 해당 장소들의 최적화된 경로를 지도에 표시해줘야 한다. 아뉘 경유지 최적화 테스트하면서 분명 무료로 사용할 수 있는 횟수가 쫌 있었던 거 같은데 몇 번 하지도 않았는데 안돼서 봤..

✔ 로고 ✔ ERD View를 만들고, API 적용하는 과정에서 DB 구조가 바뀔 수 있을 것 같지만,,, 일단 현재 정해진 걸 토대로 먼저 DB 논리 설계와 물리 설계를 진행했다! ✔ Spring Initializr 설정은 아래와 같이 하기로 했다.

프로젝트명을 정했고, 스토리보드, 요구분석서를 일단 1차로 완성했다. ✔ 프로젝트명 TRIPLAN: TRIP + PLANNER ✔ 스토리보드 완성: PPT 사용해서 아래 예시와 같이 작성 원래는 oven을 사용하려 했으나, 모두 제대로 사용해 본 적이 없어서 빠르게빠르게 작업하려고 래퍼런스 사이트에서 캡쳐한 걸 편집하고 덧붙이는 방식으로 진행했다. ✔ 요구분석서 완성: Google Docs로 팀원들과 함께 아래 예시와 같이 작성

나 포함 3명이 팀으로 프로젝트 시작! 다른 팀원분들은 web관련 플젝은 처음해보시는거라, 짧은 기간 내에 간단한 프로젝트 진행하기로 결정 프로젝트 진행과정을 대략 적어볼 계,,획,,! ✔ 주제 - 여행 플래너 및 여행 일정 공유 웹 애플리케이션 ✔ 목표 기간: 11.10 ~ 11.28 ✔ 예상 기술스택 ▪ 개발 환경(IDE): IntelliJ IDEA ▪ Java, SpringBoot, Mybatis, HTML5/CSS3, Javascript, jQuery, Ajax 등 ▪ DB: MySQL ▪ API & Library: TMap API, Tour API, BootStrap ✔ 목표 기능 - 로그인 파트: Spring Security 적용 - 회원가입, pw찾기: Spring Boot 사용해서 e-ma..

◼ Maven 의존성 설정 (MyBatis & H2 Database) ▪ pom.xml 파일의 태그 안에, 사용할 외부 라이브러리 정보를 설정하면 된다. (사용할 라이브러리가 Maven Repository에 등록되어 있어야 함) ➕ pom: Project Object Model pom.xml: Maven이 프로젝트를 빌드하기 위해 필요한 정보를 기술하는 XML 파일 pom.xml org.mybatis.spring.boot mybatis-spring-boot-starter 2.2.2 com.h2database h2 ◼ application.properties 설정 spring.datasource.driver-class-name=org.h2.Driver spring.datasource.url=jdbc:h2:..

🔸 DI: Dependency Injection, 의존성 주입 ◼ new 키워드로 객체 생성을 직접하지 않고, 객체 생성을 외부에서 대신 수행 ◼ 클래스/인터페이스 타입의 멤버 변수만 선언하고, 생성자 구현 ✔ 객체를 생성하는 방법 1. Spring에 의해 객체(Spring Bean)가 생성될 수 있도록 Annotation 설정 ex) @RestController/@Controller, @Service → Spring Framework가 Component Scan 단계에서 특정 Annotation이 붙은 Class를 직접 객체로 생성해준다. → Spring Bean으로 생성해서 직접 관리해준다. 2. 사용할 객체를 멤버 변수와 생성자에 추가 3. 객체 사용 ❗❗ new 키워드를 직접 사용하지 않는다. ✔..

✔ Controller: client의 요청과 응답을 처리한다. 실제 처리는 Service에게 위임한다. - client의 요청을 받고, 그 요청에 대한 처리를 Service에게 위임한다. 그 후, 처리된 결과를 받아서 client에게 응답한다. ✔ Repository, Mapper: DB Access를 처리한다. (Data Access Layer) ✔ Service: Controller와 Repository 중간에 위치하여, 핵심 비즈니스 로직을 구현 및 처리한다. - DB Access가 필요한 부분은 Repository에게 위임한다. 🔸 Service는 독립적인 계층으로 View와 DB 종류에 영향을 받지 않도록 설계해야 한다. - View의 종류가 바뀌면 Controller는 영향을 받을 수 있다...

▶ 주요 HTTP Method 4개 POST, GET, PUT, DELETE → 각각 DB의 Create, Read, Update, Delete 와 대응 ▶ 사용방법 POST: @PostMapping OR @RequestMapping(method=POST) GET: @GetMapping OR @RequestMapping(method=GET) PUT: @PutMapping OR @RequestMapping(method=PUT) DELETE: @DeleteMapping OR @RequestMapping(method=DELETE) ▶ @RequestBody - GET, DELETE 는 Query String, Path Param 방식을 주로 사용 → 대용량 데이터 전달하는 일이 별로 없음 - Request B..