728x90 반응형 Controller7 Spring 개발자 수업 108일차 - jQuery Ajax를 이용한 post-it 메모장 만들기(생성, 확인) jQuery Ajax를 이용한 post-it 메모장 만들기(생성, 확인) - 기존에 배웠던 Ajax를 활용해 post-it 형식의 메모장을 만들어서 post-it 메모장 생성, 리스트 확인, 메모 작성, 메모 삭제 기능을 구현하기 - 우선 오늘은 post-it 메모장 생성(랜덤 위치)과 리스트 확인(새로고침 해도 원래 위치)을 구현을 해보자. [ 환경설정 및 파일 생성 ] - 기존의 Ajax수업의 프로젝트 환경설정과 동일하며, 파일 생성만 따로 추가하도록 하자 [ Controller ] com.test.ajax > MemoController.java > MemoDAO.java > MemoDTO.java com.test.ajax.mapper > ajax.xml [ View ] views > memo > i.. 2021. 8. 30. Spring 개발자 수업 104일차 - jQuery Ajax, 동기와 비동기 방식 jQuery Ajax - 어제 배웠었던 Ajax는 XMLHttpRequest() 객체를 직접 생성해 전부 작성하는 순수 Ajax인데, 이처럼 Ajax 기능을 하나씩 전부 구현 하는것이 아닌 jQuery에서 제공하는 Ajax가 대게 많이 쓰인다. - jquery.js 파일만 있으면 기본적으로 제공된다. [ 기존 방식 vs jQuery 방식 ] - 코드가 굉장히 간결해졌으며, 필요한 프로퍼티만 입력하면 되기 때문에 유지보수도 용이하다. - jQuery에서 제공하는 Ajax는 기존 Ajax 방식을 바탕으로 구현 한 것이므로 상세한 코드는 숨기고 원하는 프로퍼티만 입력하는 방식으로 구현이 되어있다. [ jQuery Ajax 내부 프로퍼티 작성 양식 ] $.ajax({ type: '', // 요청 메소드(GET,.. 2021. 8. 24. Spring 개발자 수업 103일차 - Ajax Ajax [ 정의 ] - Asynchronous JavaScript And(XML), 비동기 자바스크립트와 XML - 서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는 것이다. - JSON, XML, HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받을 수 있다. - 자바스크립트를 사용한 서버와 통신하는 기술(서버와 데이터를 주고 받는 기술) - 자바스크립트 기술이다. [ 특징 ] - 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성"이다. - 페이지 새로고침 없이 서버에 요청 - 서버로부터 데이터를 받고 작업을 수행 [ ajax를 왜 사용할까? ] - 이처럼 1개의 웹 페이지에서 두개의 업무를 진행 하려고 할 때 한개의 업무가 실행시 다른 업무 진행 여부와 상관.. 2021. 8. 23. Spring 개발자 수업 101일차 - 코드 게시판 만들기(상세 보기, 댓글 작성) 코드 게시판 만들기(상세 보기, 댓글 작성) [ 구현 목표 ] - 글 리스트 목록에서 항목을 선택하여 클릭하면 상세 페이지로 이동한다. - 상세페이지에서 코드를 드래그 형식으로 선택하여 댓글형식으로 코드 설명을 작성할 수 있다. [ 설정 ] 스프링을 이용한 코드 게시판 만들기 - Spring MVC Project + MyBatis + Log4j + AOP + Tiles - 게시판(+소스 코드 첨부) 1. pom.xml - java, spring 버전 변경(1.11, 4.3.8) - jar(lombok, jdbc, mybatis, log4j, tiles) 2. web.xml - 확장자 설정(*.action) - POST 인코딩 필터(UTF-8) 3. root-context.xml - myBatis 설정 >.. 2021. 8. 19. Spring 개발자 수업 99일차 - AOP 적용한 게시판 만들기 AOP 적용한 게시판 만들기 - AOP를 적용해서 게시판 업무인 로그인, 로그아웃, 목록보기, 글쓰기, 글보기를 만들어보자. - 각 기능 구현은 따로 하지않을 예정(이미 게시판 수업에서 진행했음) [ 준비 작업 ] 1. 새 프로젝트 생성 - SpringWebAOPTest > "com.test.spring" 2. pom.xml - 자바 버전, 스프링 버전 수정 - jar x 3개 (AOP) 3. web.xml - 확장자변경(*.action) 4. root-context.xml - MyBatis(X) - log4j(X) 5. servlet-context.xml - tiles(X) - AOP(O) 6. 파일 생성 - AOPController.java // 컨트롤러 - Service.java // 주업무 객체 .. 2021. 8. 17. 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. 이전 1 2 다음 728x90 반응형
