본문 바로가기
728x90
반응형

JavaScript11

Spring 개발자 수업 111일차 - RESTful API Client 구현 RESTful API Client 구현 [ 구현 목표 ] - Java(Servlet/Spring)과 JSP를 이용해서 간단한 목록 보기 웹 브라우저 페이지를 만든다. - JavaScript(Ajax)와 JSP를 이용해서 간단한 목록 보기 자바스크립트 중심의 웹 브라우저 페이지(원 페이지: 여러가지 업무를 하나의 페이지에서 한다.)를 만든다. - 위 두개의 페이지를 RESTful API를 사용해서 만들어보고 각 특성을 확인해보자. (RESTful API는 ajax와 같이 많이 쓰인다. ) [ 초기 설정 ] - 각 설정은 어제와 동일하며 기존 컨트롤러(RestContoller)를 사용하고, jsp파일만 따로 생성한다. views > page.jsp (java,spring,servlet 기반의 일반적인 웹 페.. 2021. 9. 3.
Spring 개발자 수업 109일차 - jQuery Ajax를 이용한 post-it 메모장 만들기(작성, 위치 저장, 삭제) jQuery Ajax를 이용한 post-it 메모장 만들기(작성, 위치 저장, 삭제) [ 구현 목표 ] - 어제 작업하던 post-it 마무리 구현을 오늘 해보자. 1. 메모 이동 -> (id, left, top) -> DB 반영 2. 메모 z-index 변경 -> (id, zindex) -> DB반영 3. 메모 내용 수정 -> (id, memo) -> DB반영 ----------------------------------------------------------- 4. 메모 삭제 -> DB반영 --> 정리해서 업무 구분을 하자면 이동, z-index 변경, 내용 수정은 UPDATE 작업이며 메모 삭제는 DELETE 작업이다. [ 환경설정 및 파일 생성 ] - 환경설정, 파일 및 DB테이블은 어제와 동.. 2021. 8. 31.
Spring 개발자 수업 105일차(1) - jQuery Ajax를 이용한 데이터 가져오기/보내기 jQuery Ajax를 이용한 데이터 가져오기/보내기 - 오늘은 ajax를 이용해서 데이터 주고 받는 페이지를 직접 만들어 보자. [ 준비 작업 ] 1. pom.xml - 자바, 스프링 버전 - Lombok - MyBatis - Log4j - Jackson - JSON 2. web.xml - 인코딩 처리(UTF-8) 3. root-context.xml - datasource, log4j, sessionfactory 설정 4. 파일 생성 - com.test.ajax > AjaxController.java > AjaxDAO.java > UserDTO.java - com.test.ajax.mapper > ajax.xml - WEB-INF > views > basic > basic.jsp 5. DB - 예제를 .. 2021. 8. 25.
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 개발자 수업 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.
Server(JSP) 개발자 수업 72일차(1) - JSP, JSP 기본 요소 1. JSP 2. JSP 기본 요소 1. JSP [ 정의 ] - Java Server Pages - 자바를 사용해서 서버에서 페이지를 만드는 기술이다. - 클라이언트(브라우저)의 요청에 따라 서버에서 페이지를 동적으로 만드는 기술이다. - Servlet 기술의 다음버전 [ JSP & Servlet 장,단점 비교 ] 장점 단점 Servlet Java를 사용한다. 1. HTML, CSS, JS 작성이 힘들다. (모두 문자열 취급 ) 2. Java 베이스 + 클라이언트 코드 3. 웹 요청이 불가능하다. (가상 주소 매핑(.*do) 필요) JSP 1. HTML, CSS, JavaScript 작성이 쉽다. 2. HTML 베이스 + Java 코드 > 개발자 작업 편의성이 높다. 3. 웹 요청이 가능하다. (가상 주.. 2021. 7. 8.
728x90
반응형