웹_프론트_백엔드 210

2020.06.22

1. Spring AOP(Aspect Oriented Programming) 1) 핵심관점(=핵심기능) : 객체지향 프로그래밍에서 각 객체안에는 중요한 기능들로 구성되어 있고 AOP에서는 이러한 주요기능을 핵심관점(=핵심기능)이라고 한다. 2) Cross-Cutting Concern(횡단관점, 공통기능) : 핵심기능들을 잘 살펴보면 각 핵심기능들 전반에 걸쳐있는 공통적인 기능들이 있고 AOP에서는 이러한 공통적인 것들을 횡단관점, 횡단관심사, Aspect라고 한다. 2. AOP(Aspect Oriented Programming)의 목적 : 프로그래머 들의 관심(concern)사를 핵심기능으로부터 분리 즉, Separation of Cross-Cutting Concern 결국, AOP는 개발자의 염두(co..

2020.06.19

1. 의존 자동 주입(@Autowired 사용), 자동 주입(Autowired) : 컨테이너 안에 이미 생성된 빈(bean)객체와 이를 의존하는 다른 빈 객체들로 하여금 굳이 나 등의 설정 없이도 자동적으로 참조(autowire)하여 주입될 수 있게 하는 것 2. Autowired를 구현하는 방법 1) 스프링 XML 설정 파일에 설정 추가 2) 자동주입 대상에 @Autowired 애노테이션 사용(자동주입 대상 : 생성자, 멤버 변수, setter 메소드) 3. @Autowired는 타입이 일치하는 bean과 가능..!! 4. @Qualifier : 동일한 타입의 복수 개 Bean 객체에 대한 @Autowired는 모호함(ambiguity)하다, 모호함을 없애기 위해 사용, 사용할 의존 객체를 선택할 수 ..

2020.06.18

1. Java EE(Java Platform, Enterprise Edition) : Java 를 이용한 서버개발 플랫폼 2. WAS(Web Application Server) : Java EE 스펙에 따라 제품으로 구현한 것을 웹 애플리케이션 서버 또는 WAS라 한다. [자바 기반이나 Java EE 비준수 웹 애플리케이션 서버] 1) 아파치 톰캣(Apache Tomcat) : 오픈 소스 재단 아파치 소프트웨어 재단의 오픈 소스 소프트웨어 2) 레진(Resin) : Caucho사의 제품 4) 제이런(JRun) : 매크로미디어사의 제품. 3. 컨테이너(Container) : 애플리케이션과 그 의존성들(dependencies)을 독립된 단위로 묶어 격리, 어디서든 실행 가능하게 하는 것. ** JavaEE ..

2020.06.17

[AJAX와 JSON을 이용하여 다단계 Category 구현] 1. 서버단 1) common > D.java package common; /* * DB 접속 정보, 쿼리문, 테이블명, 컬럼명 등은 * 별도로 관리하든지 * XML, 초기화 파라미터 등에서 관리하는 것이 좋다. */ public class D { public static final String DRIVER = "oracle.jdbc.driver.OracleDriver"; // JDBC 드라이버 클래스 public static final String URL = "jdbc:oracle:thin:@localhost:1521:XE"; // DB 접속 URL public static final String USERID = "scott0316"; //..

2020.06.16

[AJAX + SPA게시판 클라이언트단 글 읽기, 글 수정 추가, 글 작성, 글 삭제 수정] 1. index.html 게시판 - SPA # UID 제목 작성자 조회수 작성일 글삭제 글작성 새글 작성 × 글제목 작성자 내용 작성 삭제 수정 수정완료 2. board.js var page = 1 // 현재 페이지 var pageRows = 10 // 한 페이지에 보여지는 게시글 개수 $(document).ready(function(){ // 게시판 목록 1페이지 로딩 loadPage(page); // 글작성 버튼 누르면 팝업 $("#btnWrite").click(function() { setPopup("write"); $("#dlg_write").show(); }); // 모달 대화상자에서 close 버튼 누..

JSP Team Project(2020.05.25 ~ 2020.06.15)

1. 팀 프로젝트 일정 2. 반드시 기획에 반영해야할 필수 사항 1) 클라이언트, 웹서버 간의 주고 받는 웹 어플리케이션 형태 2) 관계형 데이터 베이스 사용 3) CRUD 사이클이 구현되게 하기 4) JSP, MVC model2로 구현하기 5) 회원/비회원 운영시스템(로그인, 회원가입 등 구현) 6) JSTL, EL 적극 활용 7) 파일 업로딩 및 파일 다루기 8) jQuery 사용 9) AJAX 구현 10) JSON, XML 데이터 주고 받기. 11) 다양한 API 사용 3. 선택 사항 1) 관리자 페이지 구현 2) 안드로이드 앱 - 서버 연동 3) 반응형 웹 4. 작성한 문서 1) 요구사항 정의서 2) 페이지구성도, 화면흐름도 3) ERD 4) 스토리보드 5) 발표 PPT 5. 프로젝트 깃허브 주소..

2020.06.10

[AJAX + SPA게시판 클라이언트단 글 작성, 삭제 구현] 1. index.jsp 게시판 - SPA # UID 제목 작성자 조회수 작성일 글삭제 글작성 새글 작성 × 글제목 작성자 내용 작성 2. board.js var page = 1 // 현재 페이지 var pageRows = 10 // 한 페이지에 보여지는 게시글 개수 $(document).ready(function(){ // 게시판 목록 1페이지 로딩 loadPage(page); // 글작성 버튼 누르면 팝업 $("#btnWrite").click(function() { $("#dlg_write").show(); }); // 모달 대화상자에서 close 버튼 누르면 닫기 $(".modal .close").click(function(){ $(thi..

2020.06.09

[AJAX + SPA게시판 클라이언트단 만들기] 1. 기본 페이지 ** index.html 게시판 - SPA # UID 제목 작성자 조회수 작성일 2. 스타일링 ** CSS > common.css @charset "UTF-8"; #list table {width: 100%;} #list table, #list th, #list td { border: 1px solid black; border-collapse: collapse; } .clear { clear: both; } .center { text-align: center; } ul.pagination{ list-style-type:none } ul.pagination li{ display: inline-block; } ul.pagination a { ..

2020.06.08

[AJAX + SPA게시판(API 인터페이스 구축) -> 글쓰기, 수정하기, 삭제하기] 1. write.ajax ** com.command.write > AjaxResultCommand.java package com.command.write; import java.io.IOException; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.fasterxml.jackson.core.JsonProcessingException; import com.fasterxml.jackson.databind.ObjectMapper; import com.lec.beans.AjaxWrite..

2020.06.05

[AJAX + SPA게시판(API 인터페이스 구축)] 1. SPA(Single Page Application) : 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹어플리케이션이나 웹사이트 사용자 경험의 간섭을 막아주고, 마치 데스크탑 어플리케이션 처럼 동작하도록 한다. 즉, 페이지 리로딩이 없다는 의미 ex) 구글 문서작업 2. 서버 - 클라이언트 간 API(Application Programming Interface) 인터페이스 설계 1) 어떠한 ‘기능’들이 필요할것인가 요구사항 분석. 2) 각 ‘기능’ 을 요청(request) 기획 ** request URL 포맷 ** request parameter (요청인자) 3) 요청 받은 URL에 ..