728x90 반응형 Servlet17 Spring 개발자 수업 97일차(1) - Spring MVC Model DI Spring MVC Model DI - 스프링 MVC 모델에서 DI 방식은 2가지가 존재하는데, 기존에 알고있는 XML 방식과 Spring에서 대표적으로 사용하는 Annotation 방식이 있다. 예제를 통해 살펴보자 [ 예제 - 어노테이션으로 의존 객체 만들기 ] - Work.java 하나의 클래스를 미리 먼저 만들어 두고 Controller에서 Work 클래스의 객체를 만들어서 의존 주입 작업을 해보자 1) DIController.java > @Autowired - @Autowired: 아래의 변수에 해당 클래스의 객체를 만들어서 의존 주입 하는 작업 @Controller public class DIController { @Autowired private Work work; @RequestMappin.. 2021. 8. 12. Spring 개발자 수업 96일차(2) - 데이터 전송 + 데이터 수신하기 데이터 전송 + 데이터 수신하기 데이터 전송 + 데이터 수신하기 - 이전에 배웠던 Java의 Servlet/JSP와 현재의 Spring Controller/JSP를 비교해 가면서 간단한 데이터 전송/수신 폼을 만들어보자. - 중점적으로 확인해야 할것은 웹 페이지에서 만들어둔 form을 넘길때 Controller에서 데이터를 어떤 방법으로 받는지 잘 확인해보자. 파일 만들기 com.test.spring > DataController.java > DataDAO.java > DataDTO.java WEB-INF > views > data > add.jsp > addok.jsp 1) DataDAO.java - 실제 DB 연동을 하지는 않았지만 했다고 가정하고 각 데이터를 출력해 콘솔창으로 확인하기 public .. 2021. 8. 11. JDBC 개발자 수업 87일차 - 쿠키(cookie) - 팝업창 만들기, CSS 제어 1. 팝업창 만들기 2. CSS 제어 1. 팝업창 만들기 - 이전에 수업 예제로 만들었던 게시판(Board) 에서 쿠키를 이용해서 팝업창을 띄워보자 [ cookie.js 만들기 ] function setCookie(cname, cvalue, exdays) { const d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); let expires = "expires="+d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } function getCookie(cname) { let name = cname + "="; let ca = d.. 2021. 7. 31. JDBC 개발자 수업 86일차 - 쿠키(cookie) - 로그인시 아이디 기억하기 쿠키(cookie) 쿠키(cookie) [ 정의 ] - 브라우저가 관리하는 데이터 저장 파일(저장소) - 텍스트 파일 - 특정 사이트에 현재 접속한 브라우저(사용자)에 대한 개인 정보를 저장하는 공간이다. - 웹 서버가 사용자에 정보를 저장하는 용도 사용 - 쿠키에 대한 접근: JavaScript, Servlet(JSP) [ 데이터 저장소 비교 ] 데이터 저장소 설명 장점 단점 DB (Oracle) 각 사용자별로 데이터를 저장 전문적이다. 비싸다.(비용, 노동력 등...) session(Servlet/JSP) 개인 정보 저장 객체, 서버 메모리 위치 가볍고 빠르다. 추가 설치 비용X 대용량 데이터 저장X, 접속 종료되면 소멸(*****) cookie 개인 정보 저장 파일 가볍고 빠르다. 추가 설치 비용X.. 2021. 7. 28. JDBC 개발자 수업 82일차 - 기본 게시판 만들기(2) - OpenAPI를 이용하여 책 검색하기 기본 게시판 만들기 - OpenAPI를 이용하여 책 검색하기 OpenAPI를 이용하여 책 검색하기 [ 구현 목표 ] - 찾고자 하는 책 제목으로 검색할 수 있다. - 총 몇개가 검색됬는지 확인할 수 있다. - 검색된 책 리스트의 갯수를 조절할 수 있다. - 검색된 책 리스트 중 제목을 클릭 하면 해당 책의 구매 사이트로 이동한다. [ OpenAPI 준비 작업 ] - 네이버 OpenAPI: https://developers.naver.com/main/ NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음 developers.n.. 2021. 7. 25. JDBC 개발자 수업 82일차 - 기본 게시판 만들기(1) - OpenAPI를 이용하여 차트 추가하기 기본 게시판 만들기 - OpenAPI를 이용하여 차트 추가하기 OpenAPI를 이용하여 차트 추가하기 [ 구현 목표 및 준비 작업 ] - 유저별 게시글 수, 댓글 수를 차트 형식으로 알 수 있다. - OpenAPI 차트도움: https://www.highcharts.com Homepage | Highcharts www.highcharts.com [ Servlet ] com.test.myapp.chart 패키지 생성 -> Chart.java -> ChartDAO.java -> ChartDTO.java [ JSP ] WEBINF > views > chart 폴더 생성 -> chart.jsp [ JS ] asset > js -> highcharts.js [ DB 작업 ] 1) com.test.myapp.cha.. 2021. 7. 25. 이전 1 2 3 다음 728x90 반응형
