강의: [edwith 부스트코스] 웹 프로그래밍 챕터 3, 웹 앱 개발: 예약서비스 1/4 학습일: 2020년 5월 6일 11. Controller - BE Web API 작성 실습 - 프로젝트 초기 설정 @RestController를 사용해 guestbook 프로젝트에 Web API를 추가해보자. 우선, MessageConverter가 사용할 jackson 라이브러리를 추가해야 하는데, guestbook 프로젝트에는 이미 추가되어 있어 생략한다. Web API 작성 실습 - 컨트롤러 생성 이제 API 요청을 받는 컨트롤러를 만들어야 한다. GuestbookApiController 클래스를 생성한다. 프로젝트 > Java Resources > src/main/java > kr.or.connect.gues..

강의: [edwith 부스트코스] 웹 프로그래밍 챕터 3, 웹 앱 개발: 예약서비스 1/4 학습일: 2020년 5월 6일 11. Controller - BE Rest API, Web API 개발할 땐 @RestController Spring MVC는 @RestController를 제공한다. Rest API 또는 Web API 개발에 쓰이는 이 Annotation은 Spring 4에서 등장했는데, Spring 3까지 사용됐던 @Controller와 @ResponseBody의 기능도 포함하고 있다. @RestController 사용 시 MessageConverter의 중요성 @RestController를 사용할 땐 MessageConverter가 필수적이다. MessageConverter는 Java 객체와 ..

튜토리얼 출처: JavaScript30 튜토리얼 이름: Day 22 - Follow Along Link Highlighter 튜토리얼 분류: JavaScript 튜토리얼 설명: 마우스 커서에 따라 웹페이지 하이라이트가 이어지는 듯한 효과 나타내기 진행기간: 2020년 5월 6일 웹페이지의 특정 요소 사이에서 마우스 커서가 이동시킬 때, 하이라이트 효과가 부드럽게 이어지는 듯한 시각적 효과를 줄 수 있다. 다음과 같이 프로그래밍하면 된다. 1. 하이라이트의 대상이 될 HTML 요소 지정 2. 하이라이트 효과를 표현할 HTML 요소 생성 3. 대상 요소에 마우스 커서가 위치할 경우 하이라이트 효과 활성화 4. 하이라이트 효과의 위치와 크기를 대상 요소와 같게 만듦 5. 사용자의 마우스 스크롤 추가 반영 순서..

강의: [edwith 부스트코스] 웹 프로그래밍 챕터 3, 웹 앱 개발: 예약서비스 1/4 학습일: 2020년 5월 6일 10. 레이어드 아키텍쳐 (Layered Architecture) - BE 방명록 만들기 실습 - 컨트롤러 생성 이제 URL 요청을 View와 연결해주는 컨트롤러를 만들 차례이다. 언제나와 같이 컨트롤러를 모아놓을 패키지를 먼저 만들어주도록 한다 프로젝트 > Java Resources > src/main/java 우클릭 → kr.or.connect.guestbook.controller 패키지 생성 다음으로 GuestbookController 클래스를 생성한다. 프로젝트 > Java Resources > src/main/java > kr.or.connect.guestbook.contro..

강의: [edwith 부스트코스] 웹 프로그래밍 챕터 3, 웹 앱 개발: 예약서비스 1/4 학습일: 2020년 5월 5일 10. 레이어드 아키텍쳐 (Layered Architecture) - BE 방명록 만들기 실습 - Service 클래스 생성 이번에는 레이어드 아키텍쳐 중 Service Layer를 만들 차례이다. 서비스 클래스를 모아놓을 패키지를 만드는데, 인터페이스와 실제 구현체를 모아놓을 패키지를 따로 만들도록 한다. 프로젝트 > Java Resources > src/main/java 우클릭 → kr.or.connect.guestbook.service, kr.or.connect.guestbook.service.impl 패키지 생성 다음으로, GuestbookService 인터페이스를 생성한다. ..

튜토리얼 출처: JavaScript30 튜토리얼 이름: Day 21 - Geolocation based Speedometer and Compass 튜토리얼 분류: JavaScript 튜토리얼 설명: 브라우저의 위치 정보를 사용해 웹페이지에 속도계 및 나침반 표시하기 진행기간: 2020년 5월 5일 브라우저의 현재 위치 파악하기 Geolocation Web API를 사용하면 브라우저의 현재 위치를 알 수 있다. 다음의 코드를 보자. Navigator 객체의 geolocation 속성으로 Geolocation 객체에 접근하고 있다. watchPosition( ) 메서드를 사용해 브라우저의 위치가 바뀔 때마다 위치 정보를 반환한다. watchPosition( ) 메서드의 사용 방법은 다음과 같다. 1. 메서드..