티스토리

Keep going

검색하기

블로그 홈

Keep going

hdg3052.tistory.com/m

코딩천재홍 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

브라우저에서 섬네일 처리 브라우저에서 첨부파일의 업로드 결과가 JSON 객체로 반환되었다면 남은 작업은 다음과 같다. 업로드 후에 업로드 부분을 초기화 시키는 작업 결과 데이터를 이용해서 화면에 섬네일이나 파일 이미지를 보여주는 작업 23.1 의 초기화 은 다른 DOM 요소들과 조금 다르게 readonly라 안쪽의 내용을 수정할 수 없기 때문에 별도의 방법으로 초기화 시켜서 또 다른 첨부파일을 추가할 수 있도록 만들어야 한다. uploadAjax.jsp var cloneObj = $(".uploadDiv").clone(); $("#uploadBtn").on("click", function(e){ var formData = new FormData(); var inputFile = $("input[name='uploadFile']".. 공감수 0 댓글수 0 2021. 3. 28.
파일 업로드 상세 처리 22.1 파일의 확장자나 크기의 사전 처리 최근 포털에서도 특정한 확장자를 제외한 파일들의 업로드를 제한하는 경우가 많은데, 이는 첨부파일을 이용하는 웹 공격을 막기 위해서 행해지는 조치이다. 실습에서는 확장자가 (exe, sh, zip)등의 경우에는 업로드를 제한하고, 특정 크기 이상의 파일은 업로드할 수 없도록 제한하는 처리를 JavaScript로 처리한다. uploadAjax.jsp에 파일의 확장자와 크기를 설정하고, 이를 검사하는 함수 checkExtension()을 작성해서 적용한다. uploadAjax.jsp Insert title here Upload with Ajax Upload $(document).ready(function() { var regex = new RegExp("(.*?)\... 공감수 0 댓글수 0 2021. 3. 28.
파일 업로드 방식 첨부파일을 서버에 전송하는 방식은 크게 태그를 이용해서 업로드하는 방식과 Ajax를 이용하는 방식으로 나눠볼 수 있다. 태그를 이용하는 방식 : 브라우저의 제한이 없어야 하는 경우에 사용 일반적으로 페이지 이동과 동시에 첨부파일을 업로드하는 방식 을 이용해서 화면의 이동 없이 첨부파일을 처리하는 방식 Ajax를 이용하는 방식 : 첨부파일을 별도로 처리하는 방식 공감수 0 댓글수 0 2021. 3. 28.
댓글과 댓글 수에 대한 처리 tbl_reply 테이블에 insert하고, tb1_board 테이블에는 댓글의 수를 의미하는 replyCnt라는 칼럼을 추가해서 해당 게시물 댓글의 수를 update 한다. tb1_board 테이블에는 replyCnt 칼럼을 추가 alter table tb1_board add (replycnt number default 0); cs 기존의 댓글에 존재했다면 replyCnt에 반영해 두어야 하므로 아래의 쿼리를 실행한다. update tb1_board set replycnt = (select count(rno) from tbl_reply where tbl_reply.bno = tb1_board.bno); cs 20.1 프로젝트 수정 데이터베이스가 수정 되었으므로 BoardVO 클래스, MyBatis의 S.. 공감수 0 댓글수 0 2021. 3. 26.
스프링에서 트랜잭션 관리 비즈니스에서는 쪼개질 수 없는 하나의 단위 작업을 말할 때 트랜잭션이라는 용어를 사용한다. 원자성 하나의 트랜잭션은 모두 하나의 단위로 처리되어야 한다. 좀 더 쉽게 말하면 어떤 트랜잭션이 A와 B로 구성된다면 항상 A, B의 처리 결과는 동일한 결과이어야 한다. 즉 , A는 성공했지만, B는 시래할 경우 A,B는 원래 상태로 되돌려져야 한다. 일관성 트랜잭션이 성공했다면 데이터베이스의 모든 데이터는 일관성을 유지해야 한다. 트랜잭션으로 처리된 데이터와 일반 데이터 사이에는 전혀 차이가 없어야 한다. 격리 트랜잭션으로 처리되는 중간에 외부에서의 간섭은 없어야 한다. 영속성 트랜잭션이 성공적으로 처리되면, 그 결관느 영속적으로 보관되어야 한다. 예를 들어, 트랜잭션의 가장 흔한 예시는 계좌 이체( bank.. 공감수 0 댓글수 0 2021. 3. 22.
AOP라는 패러다임 AOP는 흔히 '관점 지향 프로그래밍' 이라는 용어로 번역되는데, 이때 관점 이라는 용어는 개발자들에게는 관심사라는 말로 통용된다. 관심사는 개발 시 필요한 고민이나 염두에 두어야 하는 일이라고 생각할 수 있는데, "파라미터가 올바르게 들어왔는지" "이 작업을 하는 사용자가 적절한 권한을 가진 사용자인지", "이 작업에서 발생할 수 있는 예외는 어떻게 처리해야 하는지" 등이 있다. 핵심 로직은 아니지만 , 코드를 온전하게 만들기 위한 고민들로, 전통적인 방식에선 개발자가 반복적으로 이 고민을 코드에 반영한다. AOP는 이러한 고민을 다른 방식으로 접근하는데. 바로 "관심사의 분리"이다. AOP는 개발자가 염두에 두어야 할 것들을 관심사로 분리하고, 핵심 비즈니스 로직만을 작성할 것을 권장한다. AOP는 .. 공감수 0 댓글수 0 2021. 3. 22.
Ajax 댓글 처리 REST 방식을 가장 많이 사용하는 형태는 역시 브라우저나 모바일 APP 등에서 Ajax를 이용해서 호출하는 것이다. 댓글은 데이터베이스 상에서 전형적인 1:N의 관계로 구성된다. 하나의 게시물에 여러 개의 댓글을 추가하는 형태로 구성하고, 화면은 조회 화면상에서 별도의 화면 이동 없이 처리하기 때문에 Ajax를 이용해서 호출한다. 17.1 댓글 처리를 위한 영속 영역 댓글을 추가하기 위해서 댓글 구조에 맞는 테이블을 설계한다. 댓글 테이블은 tbl_reply라는 이름의 테이블로 지정해서 생성한다. create table tbl_reply ( rno number(10, 0), bno number(10, 0) not null, reply varchar2(1000) not null, replyer varch.. 공감수 0 댓글수 0 2021. 3. 18.
REST 방식으로 전환 과거 서버의 데이터를 소비하는 주체가 '브라우저'라는 특정한 애플리케이션으로 제한적 과서버는 브라우저라는 하나의 대상만을 상대로 데이터를 제공했기 때문에 아예 브라우저가 소화 가능한 모든 데이터를 HTML이라는 형태로 전달하고, 브라우저는 이를 화면에 보여주는 역할을 해 왔다. 모바일 시대 앱이나 웹은 서버에서 제공하는 데이터를 소비하게 된다. 스마트폰에서는 앱이라 불리는 고유한 애플리케이션을 이용해서 데이터를 소비하게 되고, 보이는 화면 역시 자신에게 필요한 순수한 데이터만을 요구하게 되었다. 앱에서 서버에 기대하는 것은 완성된 HTML이 아니라 그저 자신에게 필요한 순순한 데이터만 요구 이처럼 서버의 역할은 점점 더 순수하게 데이터에 대한 처리를 목적으로 하는 형태로 진화하고 있다. 또한, 브라우저와.. 공감수 0 댓글수 0 2021. 3. 16.
검색처리 검색 기능은 검색 조건과 키워드로 나누어 생각해 볼 수 있다. 검색 조건은 일반적으로 태그를 이용해서 작성하거나 를 이용하는 경우가 많다. 최근에는 일반 웹사이트에서 일반 사용자들의 경우에는 를, 관리자용이나 검색 기능이 강한 경우는 를 이용하는 형태가 대부분이다. 15.1 검색 기능과 SQL 게시물의 검색 기능은 다음과 같이 분류된다. 제목/내용/작성자와 같이 단일 항목 검색 제목 or 내용, 제목 or 작성자, 내용 or 작성자, 제목 or 내용 or 작성자 같은 다중 항목 검색 오라클은 페이징 처리에 인라인뷰를 이용하기 때문에 실제로 검색 조건에 대한 처리는 인라인뷰의 내부에서 이루어져야 한다. 단일 항목의 검색은 검색 조건에 따라서 칼럼이 달라지고 , LIKE 처리를 통해서 키워드를 사용하게 된다.. 공감수 1 댓글수 0 2021. 3. 15.
페이징 화면 처리 URL 파라미터로 정상적으로 원하는 페이지로 이동하는 것이 확인되었다면, 화면 밑에 페이지 번호를 표시해 사용자가 페이지 번호를 클릭할 수 있게 처리한다. - 페이지를 보여주는 작업- 브라우저 주소창에서 페이지 번호를 전달해서 결과를 확인하는 단계 JSP에서 페이지 번호를 출력하는 단계 각 페이지 번호에 클릭 이벤트 처리 전체 데이터 개수를 반영해서 페이지 번호 조절 14.1 페이징 처리할 때 필요한 정보들 현재 페이지 번호(page) 이전과 다음으로 이동 가능한 링크의 표시 여부(prev, next) 화면에서 보여지는 페이지의 시작 번호와 끝 번호(startPage, endPage) 14.1.1 끝 페이지 번호와 시작 페이지 번호 페이징 처리를 하기 위해서 우선적으로 필요한 정보는 현재 사용자가 보고 .. 공감수 1 댓글수 0 2021. 3. 11.
MyBatis와 스프링에서 페이징 처리 페이징 처리를 위해서 필요한 파라미터는 1)페이지 번호, 2) 한 페이지에당 몇개의 데이터를 보여줄 것인지 결정되어야 한다. 페이지 번호와 몇 개의 데이터가 필요한지 별도의 파라미터로 전달하는 방식이 아닌 하나의 객체로 묶어서 전달하는 방식을 사용하겠다. org.zerkck.domain 패키지의 Criteria 클래스 (검색 기준) package org.zerock.domain; import lombok.Getter; import lombok.Setter; import lombok.ToString; @Getter @Setter @ToString public class Criteria { private int pageNum; private int amount; public Criteria() { this(.. 공감수 2 댓글수 0 2021. 3. 11.
오라클 데이터베이스 페이징 처리 목록 페이지는 기본적으로 페이징 처리가 필요하다. 상식적으로 수많은 데이터를 한 페이지에서 보여주면, 처리 성능에 영향을 미친다. 일반적 페이징 처리는 크게 번호를 이용하거나 계속 보기의 형태로 구현된다. 번호를 이용한 페이징 처리는 과거 웹 초기부터 이어오던 방식이고, 계속 보기는 Ajax와 앱이 등장한 이후에 무한 스크롤이나 더 보기와 같은 형태로 구현된다. 12.1 order by의 문제 데이터베이스를 이용할 때 웹이나 애플리케이션에 가장 신경 쓰는 부분은 1) 빠르게 처리 되는 것, 2) 필요한 양만큼만 데이터를 가져오는 것이다. 예를 들어, 거의 모든 웹페이지에서 페이징을 하는 이유는 최소한의 필요한 데이터만을 가져와서 빠르게 화면에 보여 주기 위함이다. 만일 수백 만개의 데이터를 매번 정렬을 .. 공감수 0 댓글수 0 2021. 3. 5.
화면 처리 11.1 목록 페이지 작업과 includes 스프링 MVC 의 JSP 를 처리하는 설정은 servlet-context.xmll에 아래와 같이 작성되어 있다. Servlet-context의 일부 Colored by Color Scripter cs 스프링 MVC의 설정에서 화면 설정은 ViewResolver라는 객체를 통해 이루어지는데, 위의 설정을 보면 /WEB-INF/views 폴더를 이용하는 것을 볼 수 있다. /WEB-INF 경로는 브라우저에서 직접 접근할 수 없는 경로이므로 반드시 Controller를 이용하는 모델 2방식에서는 기본적으로 사용하는 방식이다. 게시물 리스트의 URL은 /board/list 이므로 최종적인 /WEB-INF/views/board/list.jsp가 된다. 11.1.1 SB.. 공감수 0 댓글수 0 2021. 2. 21.
프레젠테이션(웹) 계층의 CRUD 구현 영속 계층, 비즈니스 계층의 구현까지 모든 테스트가 진행되었다면 프레젠테이션 계층인 웹의 구현을 해야 한다. 10.1 Controller의 작성 스프링 MVC의 Controller는 하나의 클래스 내에서 여러 메서드를 작성하고, @RequestMapping 등을 이용해서 URL을 분기하는 구조로 작성할 수 있기 때문에, 하나의 클래스에서 필요한 만큼 메서드의 분기를 이용하는 구조로 작성한다. 과거에는 이 단계에서 Tomcat(WAS)을 실행하고 웹 화면을 만들어서 결과를 확인하는 방식의 코드를 작성했다. 이 방식은 시간도 올래 걸리고 테스트를 자동화 하기에 어려움이 있다. 따라서 WAS를 실행하지 않고 Controller를 테스트할 수 있는 방법을 실습해보겠다. 10.1.1 BoardController의.. 공감수 0 댓글수 0 2021. 2. 16.
비즈니스 계층 비즈니스 계층은 고객의 요구사항을 반영하는 계층으로 프레젠테이션 계층과 영속 계층의 중간다리 역할을 한다. 영속 계층 - 데이터베이스를 기준으로 설계 비즈니스 계층 - 로직을 기준으로 처리 예시) 쇼핑몰에서 상품을 구매한다. 해당 쇼핑몰의 로직이 '물건을 구매한 회원에게는 포인트를 올려준다' 고 하면 영속 계층의 설계는 상품과 회원으로 나누어 설계한다. 반면, 비즈니스 계층은 상품 영역과 회원 영역을 동시에 사용해서 하나의 로직을 처리하게 된다. 일반적으로 비즈니스 영역에 있는 객체들은 '서비스'라는 용어를 많이 사용한다. 9.1 비즈니스 계층의 설정 비즈니스 계층을 위해서 프로젝트 내 org.zerock.service라는 패키지를 작성한다. 설계를 할 때 각 계층 간의 연결은 인터페이스를 이용해서 느슨.. 공감수 0 댓글수 0 2021. 2. 16.
영속/비즈니스 계층의 CRUD 구현 영속 계층의 작업은 항상 다음과 같은 순서로 진행한다. 테이블의 칼럼 구조를 반영하는 VO(Value Object) 클래스의 생성 MyBatis의 Mapper 인터페이스의 작성/XML 처리 작성한 Mapper 인터페이스 테스트 8.1 영속 계층의 구현 준비 거의 모든 웹 애플리케이션의 최종 목적은 데이터베이스에 데이터를 기록하거나, 원하는 데이터를 가져오는 것이 목적이기 때문에 개발할 때 어느 정도의 설계가 진행되면 데이터베이스 관련 작업을 하게 된다. 8.1.1 VO 클래스의 작성 VO 클래스를 생성하는 작업은 테이블 설계를 기준으로 작성하면 된다. 현재 tb1_board 테이블의 구성은 아래와 같다. 프로젝트에 org.zerock.domain 패키지를 생성하고, BoardVO 클래스를 정의한다. Bo.. 공감수 0 댓글수 0 2021. 2. 15.
스프링 MVC 프로젝트의 기본 구성 스프링 MVC를이용하는 프로젝트의 구성을 이해하는 일은 전체 데이터의 흐름을 보기 위해서이다. 브라우저에서 전송한 데이터를 스프링 MVC 의 어떤 간계를 거쳐서 실행되는지를 이해한다면 문제가 발생했을 때 빠른 대처와 대안을 찾을 수 있기 때문이다. 일반적으로 웹 프로젝트는 3-tier(티어) 방식으로 구성한다. 1. Presentation Tier(화면 계층)는 화면에 보여주는 기술을 사용하는 영역이다. 책의 예제에서는 Servlet/JSP나 스프링 MVC가 담당하는 영역이 된다. Presentation Tier는 프로젝트의 성격에 맞춰 앱으로 제작하거나, CS(Client-Server)로 구성되는 경우도 있다. 2. Business Tier(비즈니스 계층)는 순수한 비즈니스 로직을 담고 있는 영역이다... 공감수 0 댓글수 0 2021. 2. 15.
스프링 MVC 의 Controller(2) 4. Model이라는 데이터 전달자 - Controller의 메서드를 작성할 때는 특별하게 Model이라는 타입을 파라미터로 지정할 수 있다. - Model 객체는 JSP에 컨트롤러에서 생성된 데이터를 담아서 잔달하는 역할을 하는 존재다. - 이를 이용해서 JSP와 같은 뷰로 전달해야 하는 데이터를 담아서 보낼 수 있다. - 메서드의 파라미터에 Model 타입이 지정된 경우에는 스프링은 특별하게 Model 타입의 객체를 만들어서 메서드에 주입하게 된다. - Model은 모델 2 방식에서 사용하는 request.setAtrribute()와 유사한 역할을 한다. Servlet에서 모델2 방식으로 데이터를 전달하는 방식 request.setAttribute("serverTime", new java.util.D.. 공감수 0 댓글수 0 2021. 2. 9.
스프링 MVC의 Controller 스프링 MVC 를 이용하는 경우 작성되는 Controller의 특징 HttpServletRequest, HttpServeltResponse를 거의 사용할 필요 없이 필요한 기능 구현 다양한 타입의 파라미터 처리, 다양한 타입의 리턴 타입 사용 가능 GET 방식, POST 방식 등 전송 방식에 대한 처리를 어노테이션으로 처리 가능 상속/인터페이스 방식 대신에 어노테이션만으로도 필요한 설정 가능 1. @Controller, @RequestMapping 프로젝트 내 org.zerock.controller 패키지 폴더에 SampleController라는 이름의 클래스 작성 SampleController 클래스 package org.zerock.controller; import org.springframework.. 공감수 0 댓글수 0 2021. 2. 8.
스프링 MVC의 기본 구조 - 스프링은 하나의 기능을 위해서 만들어진 프레임워크가 아니라 '코어'라고 할 수 있는 프레임워크에 여러 서브 프로젝트를 결함해서 다양한 상황에 대처할 수 있도록 개발되었다. - 서브 프로젝트라는 의미는 별도의 설정이 존재할 수 있다라는 개념이다. - Spring Legacy Project 로 생성한 프로젝트도 servlet-context.xml 과 root-context.xml로 설정 파일이 분리된 것을 볼 수 있다. - 스프링 MVC 가 서브 프로젝트이므로 구성 방식이나 설정 역시 조금 다르다고 볼 수 있다. 스프링 MVC 프로젝트의 내부 구조 - 스프링 MVC 프로젝트를 구성해서 사용한다는 의미는 1) 내부적으로 root-context.xml로 사용하는 일반 JAVA 영역(흔히 POJO)과 2) s.. 공감수 0 댓글수 0 2021. 2. 5.
MyBatis와 스프링 연동 MyBatis란? MyBatis는 'SQL 매핑 프레임워크'로 분류되는데 JDBC 코드의 복잡하고 지루한 작업을 피하는 용도로 많이 사용 전통적인 JDBC 프로그램 MyBatis - 직접 Connection을 맺고 마지막에 close() - PreparedStatement 직접 생성 및 처리 - PreparedStatement의 setXXX() 등에 대한 모든 작업을 개발자가 처리 - SELECT의 경우 직접 ResultSet 처리 - 자동으로 Connection close() 가능 - MyBatis 내부적으로 PreparedStatement 처리 - #{prop}와 같이 속성을 지정하면 내부적으로 자동 처리 - 리턴 타입을 지정하는 경우 자동으로 객체 생성 및 ResultSet 처리 ◆ MyBatis .. 공감수 0 댓글수 0 2021. 2. 3.
스프링과 Oracle Database 연동 오라클과 SQL DEVELOPER를 설치 완료했다고 가정하고 프로젝트와 JDBC 연결을 해보겠다. ◆ 프로젝트와 JDBC 연결 우선 JDBC 연결을 하려면 JDBC Driver가 필요하다. Oracle 데이터베이스의 JDBC Driver는 11g까지 공식적으로 Maven으로는 지원되지 않기 때문에, 직접 jar 파일을 프로젝트에 추가시켜야 한다. sqldeveloper>jdbc>lib 에 jar파일 존재 추가 할 프로젝트 선택 후 properties 들어가기 JDBC 드라이버가 정상적으로 추가되었고, 데이터베이스의 연결이 가능하다면 눈으로 확인하기 위해 테스트 코드를 작성한다. 테스트 코드는 Java와 JDBC 드라이버만으로 구현해서 먼저 테스트해야 한다. 데이터 베이스 연결이 가능하다면 데이터베이스가 .. 공감수 0 댓글수 0 2021. 2. 3.
의존성 주입 테스트(생성자 이용) 생성자 주입의 경우 객체 생성 시 의존성 주입이 필요하므로 좀 더 엄격하게 의존성 주입을 체크하는 장점이 있다. ◆ 주입할 클래스 ◆ 주입받을 클래스 Setter 를 이용한 주입과 다른점 생성자를 선언하고 Chef를 주입하도록 작성되었다. @Autowired 어노테이션 없이 처리되고 있다. SampleHotel 클래스에 @AllArgsConstructor 어노테이션을 사용하면 생성자 자동 주입과 Lombok이 결합되면서 생성자를 따로 작성해주지 않아도 된다. @AllArgsConstructor는 인스턴스 변수로 선언된 모든 것을 파라미터로 받는 생성자를 작성한다. 만약 여러 개의 인스턴스 변수들 중에서 특정한 변수에 대해서만 생성자를 작성하고 싶다면 @NonNull 과 @RequiredArgsConstr.. 공감수 0 댓글수 0 2021. 2. 3.
의존성 주입 테스트(Setter 이용) 스프링에서는 생성자를 이용한 주입과 setter 메서드를 이용한 주입으로 의존성 주입을 구현한다. 설정 방식은 주로 XML이나 어노테이션을 이용해서 처리한다. ◆ porm.xml에 추가하거나 혹은 변경할 라이브러리들 org.projectlombok lombok 1.18.18 provided cs org.springframework spring-test ${org.springframework-version} Colored by Color Scripter cs 3. log4j 버전 1.2.17로 바꿔주기 (안 바꿀시, Lombok 에서 문제 생김) 4. junit 버전 4.12 로 바꿔주기 ◆ src/main/java에 클래스 생성 @Data : Lombok의 setter를 생성하는 기능과 생성자, toSt.. 공감수 0 댓글수 0 2021. 2. 3.
스프링 프로젝트 생성 및 설정 ＃ 프로젝트 생성 방법 File > New > Spring Legacy Project 에서 Spring MVC Project를 이용하여 생성. 프로젝트를 최초로 생성하면 필요한 코드와 라이브러리를 다운로드 하게 된다. '.m2' 폴더 > repository 폴더 안에는 프로젝트 생성 시 다운로드된 파일들 추가되있다. 스프링 프로젝트 구조 src/main/java - 작성되는 코드의 경로 src/main/resources - 실행할 때 참고하는 기본 경로(주로 설정파일들을 넣는다.) src/test/java - 테스트 코드를 넣는 경로 str/test/resources - 테스트 관련 설정 파일 보관 경로 src/main/webapp/WEB-INF/spring/appservlet/servlet-contex.. 공감수 0 댓글수 0 2021. 2. 3.
스프링의 특징 프레임워크란 ? 뼈대나 근간을 이루는 코드들의 묶음 경량 프레임워크란? 90년대 말에 복잡한 구동 환경과 하드웨어적인 구성이 필요한 프레임워크의 반대되는 개념으로 등장 과거 J2EE 기술이 너무 복잡하고 방대 → 전체 이해하고 개발하기에 어려움이 있었다. 경량프레임워크 → 특정 기능을 위주로 간단한 jar 파일 등을 이용해서 모든 개발이 가능 스프링의 차별성 복잡함에 반기를 들어 만들어진 프레임워크 프로젝트의 전체 구조를 설계할 때 유용한 프레임워크 여러 종류의 프레임워크를 혼용해서 사용 가능 개발 생산성과 개발도구의 지원 스프링의 주요 특징 POJO 기반의 구성 의존정 주입을 통한 객체 간의 관계 구성 AOP 지원 편리한 MVC 구조 WAS의 종속적이지 않은 개발 환경 ◆ POJO (plain old .. 공감수 0 댓글수 0 2021. 2. 1.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.