본문 바로가기

Backend

 (33)
[SpringBoot] 게시글 이미지(파일) 미리보기 & 업로드 (ver.팝업창) 게시글 이미지(파일) 미리보기 & 업로드 (팝업창 버전)  0. 과정 게시판 등록란에서 '이미지 선택' 버튼을 누른다.  파일 선택 팝업창에 있는 '파일 선택' 버튼으로 이미지를 가져온다.  선택한 이미지를 미리볼 수 있다.이때 본래 이미지(파일)명과 새롭게 저장한 파일 이름이 함께 뜬다.  이렇게 저장된 이미지는 '작성완료' 버튼을 누르기 전즉, 게시물 등록 전에 webapp 에 만든 upload 디렉토리 (path지정) 에 저장된다.  이 과정을 정리하자면...board/insertBoard.jsp 에 이미지 선택 버튼과 미리보기 버튼을 div로 분리한다.이미지 선택 버튼 div : 누르면(onclick) selectImg() 로 이동이미지 미리보기 div : 이미지 미리보기, 화면에 표시하고 폴더에..
[JSP/SERVLET] 게시판 페이징(Paging) 처리 & 구현 게시판 페이징(Paging) 처리 & 구현 게시판 기능에 필수적인 페이징을 구현해보고자 한다. 해당 예시는 쇼핑몰 제작 실습에서 관리자가 상품을 관리하는 페이지다.  0. 과정관리자 상품 관리 페이지를 작성하는 과정을 정리해보면.. 관리자가 상품을 관리하는 과정을 담은 servlet에서 (AdminProductAction.java)Paging 클래스 객체 paging 생성displayPage, displayRow 보여질 페이지 개수 10개로 재설정 (초기 설정: 5)session 혹은 getParameter로 전달 받은 page 값이 있다면 해당 값으로 page 설정, 그렇지 않다면 1paging.setPage(page) 페이지 설정총 상품이 몇개인지 세고 count 변수에 넣기 (AdminDao에 ge..
[JSP/EL] 서버 객체에 저장된 값을 EL 문법으로 출력하기 서버 객체에 저장된 값을 EL 문법을 이용해 출력하기 1. EL표현언어(Expression Language, EL) 은 JSP의 자료(전달값이나 변수값)를 출력할 때의 번거로움을 간단히 해결하기 위해 만들어진 출력 문법이다. JSP의 문법을 HTML5 에서 좀 구분하기 쉽도록 하여 오류를 줄이기 위해 개발됐다.주로 pageContext, request, session, application 서버 객체에 전달되는 Attribute 의 값을 getter 를 이용하지 않고 출력할 때 많이 사용된다.   2. 변수 출력${} 변수 출력을 위한 기본형은 위와 같다.{중괄호} 안에 출력하고자 하는 값을 작성한다.2-1. 변수값 출력 1 EL 문법으로 출력 정수형 변수 값 : ${10} 실수형 변수 ..
[JSP/SERVLET] 서블릿(Servlet)을 활용한 form 데이터 주고받기 Servlet 을 활용한 form 데이터 주고 받기  1. 서블릿(Servlet)서블릿(Servlet)은 서버에서 생성하고 서버에서 실행하는 웹용 클래스다.프로그래밍 명령 등의 로직과 알고리즘이 공개되는 것이 부담스럽거나, 자료이동을 감출 때 사용한다.서블릿에 동작을 일임하듯 이름불러 사용하거나, 서블릿의 호출 이름을 변경하여 사용이 가능하다. Servlet 의 특징1. 동적 웹 어플리케이션 컴포넌트2. .java 확장자다.3. 클라이언트의 요청에 동적으로 작동하며 응답은 html을 이용4. java thread 이용 (빠른 동작 실행)5. HttpServlet을 상속받아야 서블릿 클래스가 됨  이전 포스트에서의 데이터 전송 과정은 모두 jsp 로 구성됐다.정보입력 페이지(login.jsp)  → 정보처..
[JSP] 페이지 이동 (redirect, forward) JSP 에서 redirect 와 forward 로 페이지 이동하기  1. redirect 방식response.sendRedirect("main.jsp");// name 변수에 HongGilDong, id 변수에 honghong 값을 담아 전달response.sendRedirect("063_LoginOk.jsp?name=HongGilDong&id=honghong"); 값을 받기 위해 사용했던 request 객체가 웹 브라우저에서 서버로 전송된 요청을 갖고 있었다면, response 객체는 서버에서 사용자의 웹 브라우저에 전송할 정보를 담고 있다. response 객체의 메소드 중에서도 response.sendRedirect() 는 현재 페이지에서 다른 페이지로 이동하는 명령이다. String 으로 작성된 ..
[JSP] form 태그로 데이터 주고받기 (getParameter) FORM 으로 데이터를 주고, getParameter 로 데이터 받기  0. JSP 란?JSP는 Java Server Page 의 약자로, HTML 코드에 JAVA 코드를 넣어 동적 웹페이지를 생성하는 웹 어플리케이션 도구다. (언어아니다.) 웹 페이지 내부에 프로그래밍적인 요소를 추가하거나 서버에서 계산되고 실행된 결과를 웹페이지에 표시하고자 할 때 사용한다. 쉽게 말해  '웹페이지 HTML 중간에 자바 프로그래밍 코드 좀 쓰겠습니다.' 의 의미다. JSP 명령은 html 태그와 함께 파일로 저장되어 서버에 보관된다. 클라이언트의 요청을 받으면 해당 파일(~.jsp)이 클라이언트로 전송되어 웹브라우저에 표시가 되는데, 웹 브라우저에 표시되기 이전에 JSP 명령은 이미 실행되어 '결과만' html 태그와..
[ORACLE] JOIN (ORACLE & ANSI) 오라클과 ANSI JOIN 알아보기  1. JOIN 이란?JOIN 은 두 개의 테이블에 분리되어 있는 정보를 하나의 테이블에 합해서 같이 보고자 하는 명령이다. SELECT 에 사용된다. 사원들에 정보를 담은 emp 테이블과 dept 테이블이 있다고 하자. 두 테이블에 공통적으로 deptno 가 들어가 있으며 emp 테이블에는 사원명(ename), dept 테이블에는 부서명(dname)이 있다. 만약 우리가 사원명이 'SCOTT'인 사원의 부서명을 알고 싶다면1. emp 테이블에서 ename 이 SCOTT 인 사원을 찾고2. 해당 사원의 deptno 를 dept 테이블에서 다시 검색해야 한다.SELECT dnameFROM deptWHERE deptno=(SELECT deptno FROM emp WHERE..
[ORACLE] 오라클의 다양한 함수 (문자열, 날짜, 변환, 숫자, 그룹 함수) 오라클의 다양한 함수 알아보기(문자열, 날짜, 변환, 숫자, 그룹 함수)  0. 임시 데이터 출력SELECT * FROM DUAL; 아래의 예제들에서 함수 적용 값들만을 바로바로 확인하기 위해 임시 데이터를 나타내는 DUAL을 사용할 것이다. DUAL은 테이블에 의존하지 않은 일반데이터의 연산결과를 출력할 때 주로 사용한다. SELECT 1234*1234 FROM DUAL;   1. 문자열 처리 함수LOWER()문자열을 소문자로 변환하는 함수다.SELECT LOWER('HONG GIL DONG') AS "소문자" FROM DUAL;  예제1. emp 테이블에 사원이름(ename)을 "성명"이란 이름을 붙여 소문자로 출력하면?SELECT LOWER(ename) AS "성명" FROM emp;  UPPER(..

티스토리툴바