전체 글 (39) 썸네일형 리스트형 [SpringBoot] 게시글 이미지(파일) 미리보기 & 업로드 (ver.팝업창) 게시글 이미지(파일) 미리보기 & 업로드 (팝업창 버전) 0. 과정 게시판 등록란에서 '이미지 선택' 버튼을 누른다. 파일 선택 팝업창에 있는 '파일 선택' 버튼으로 이미지를 가져온다. 선택한 이미지를 미리볼 수 있다.이때 본래 이미지(파일)명과 새롭게 저장한 파일 이름이 함께 뜬다. 이렇게 저장된 이미지는 '작성완료' 버튼을 누르기 전즉, 게시물 등록 전에 webapp 에 만든 upload 디렉토리 (path지정) 에 저장된다. 이 과정을 정리하자면...board/insertBoard.jsp 에 이미지 선택 버튼과 미리보기 버튼을 div로 분리한다.이미지 선택 버튼 div : 누르면(onclick) selectImg() 로 이동이미지 미리보기 div : 이미지 미리보기, 화면에 표시하고 폴더에.. [ECLIPSE] 웹개발을 위한 이클립스 설치 웹개발을 위한 이클립스(Eclipse) 설치 오랜만에 노트북을 펼쳐 파일 정리를 하던 도중 약 4년 전 설치한 이클립스 파일과 조우하고 말았다.상당한 귀차니즘이 몰려왔으나 착잡하고 통탄한 마음을 금치 못해 결국 새로운 버전을 설치하고자 한다 1. SDKSDK(Software Development Kit) 는 특정 소프트웨어 꾸러미, 프레임워크, 하드웨어 플랫폼, 운영체제 등을 위한 응용 프로그램 등을 만들 수 있게 해주는 개발 도구의 집합이다. 자바 개발환경을 구축하면서 JDK(Java Development Kit) 를 더 많이 들어봤을텐데 JDK는 자바만 개발할 수 있는 개발 도구를 의미한다. 사실상 둘은 같은 말인 것이다. SDK가 '소프트웨어 개발 도구' 라는 큰 의미를 갖고 있다. SDK(J.. [JSP/SERVLET] 게시판 페이징(Paging) 처리 & 구현 게시판 페이징(Paging) 처리 & 구현 게시판 기능에 필수적인 페이징을 구현해보고자 한다. 해당 예시는 쇼핑몰 제작 실습에서 관리자가 상품을 관리하는 페이지다. 0. 과정관리자 상품 관리 페이지를 작성하는 과정을 정리해보면.. 관리자가 상품을 관리하는 과정을 담은 servlet에서 (AdminProductAction.java)Paging 클래스 객체 paging 생성displayPage, displayRow 보여질 페이지 개수 10개로 재설정 (초기 설정: 5)session 혹은 getParameter로 전달 받은 page 값이 있다면 해당 값으로 page 설정, 그렇지 않다면 1paging.setPage(page) 페이지 설정총 상품이 몇개인지 세고 count 변수에 넣기 (AdminDao에 ge.. [JAVASCRIPT] form 안에 같은 name 의 버튼(radio/checkbox) 값을 구분하기 form 안에 같은 name 의 버튼(radio/checkbox) 값을 구분하기 쇼핑몰을 구현하는 과정을 배우고 있는데, form 내의 같은 이름의 입력란들을 처리하는 과정이 제법 흥미로워 작성해보려고 한다. 1. radioform 태그에서 radio 버튼을 통해 동의 or 비동의 여부를 받았다. 이때, 각 radio 버튼의 name을 동일하게 주었다.이후 radio 버튼의 name 을 자바스크립트를 통해 구분짓고, 자바스크립트로 submit 까지 해보려한다. 더보기 회원 가입 약관 언제나 새로운 즐거움이 가득한 Shoes Shop의 회원가입 페이지입니다. Shoes Shop의 회원가입은 무료이.. [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 태그와.. 이전 1 2 3 4 5 다음
