목록전체 글 (249)
고래씌
1. JSP Action Tag 란? - XML기술을 이용하여 기존의 JSP문법을 확장하는 매커니즘을 제공하는 태그 - 웹 브라우저에서 실행되는 것이 아니라 웹 컨테이너에서 실행되고 결과만 브라우저로 보냄 ▶ 표준 액션 태그 1) 실습 준비 ▶ActionProject 프로젝트 생성 2. EL(Expression Language) : 기존에 사용했던 표현식와같이 jsp상에서 표현하고자 하는 값을 ${name }의 형식으로 표현해서 작성하는 것 - EL 내장 객체 => 별도의 변수 선언없이(import 없이) 사용할 수 있는 것! ▶ 데이터들을 담을 수 있는 JSP 내장객체 종류 1. ServletContext (application scope) - 한 애플리케이션당 1개만 존재하는 객체 - 이 영역에 데이..
1. 아이디 중복체크 기능 - 유효성 검사를 배제하고 아이디 중복 체크만 만들어보겠다! ▶ memberEnrollForm.jsp 맨아래에 script 추가 ▶ AjaxidCheckController.java package com.kh.member.controller; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; impor..
1. ajax를 이용한 자동완성 구현하기 - JSP_Project1 프로젝트 안에 com-kh-board 폴더와 common 폴더 복사후, Ajax_Project 프로젝트에 com-kh폴더안에 붙여놓기 - JSP_Project1 프로젝트 안에 sql 폴더를 Ajax_Project 프로젝트의 com폴더와 같은 위치에 붙여놓기 - lib에 JSP_Project1에 사용하였던 "ojdbc6.jar" 파일과 "cos-2022.2.jar" 파일 붙여놓기 ▶ index.jsp 5. ajax를 이용한 자동완성 구현하기 ▶ AutoCompleteControlle.java package com.kh.controller; import java.io.IOException; import java.util.ArrayList; ..
1. 서버로 데이터 전송 후, 조회된 객체를 응답데이터로 받기 ▶ Member 클래스 생성 package com.kh.controller; // DB에서 결과값을 담아줄 vo클래스 public class Member { private int memberNo; private String name; private int age; private String gender; public Member(int memberNo, String name, int age, String gender) { this.memberNo = memberNo; this.name = name; this.age = age; this.gender = gender; } public int getMemberNo() { return memberN..
1. AJAX 1) AJAX의 개요 - Asynchronous JavaScript And Xml의 약자로 서버로부터 데이터를 가져와서 전체 페이지를 새로 고치지 않고 일부만 로드할 수 있게 하는 기법 - 우리가 기존에 a 태그로 요청하거나 form 태그를 통해 요청했던 방식은 동기식 요청방식이라고 부른다. => 응답페이지가 돌아와야 볼 수 있음(페이지화면이 깜박거림) - 비동기식으로 요청을 보내기 위해서는 ajax라는 기술이 필요함 ▶ 동기식 / 비동기식 - 동기식 : 요청 처리 후 그에 해당하는 응답페이지가 돌아와야만 다음 작업이 가능. 만약 서버에서 호출된 결과까지의 시간이 오래걸린다면 계속 기다려야한다. 동기식 요청 완료후에는 전체 페이지가 리로드됨(새로고침) - 비동기식 : 현재 페이지를 그대로 ..
1. 사진게시판에 썸네일 리스트 만들기 ▶ views-board 폴더에 thumbnailListView.jsp 파일 생성 ■ thumbnailListView.jsp 사진게시판 글작성 등록된 게시글이 없습니다. 썸네일들의 경로를 가져옴 --%> No. 조회수 : ▶ menubar.jsp 에 경로 추가 ▶ common.css 파일에 style 속성 추가 ▶ resources 폴더 아래에 thumbnail_upfiles 폴더 생성 - jpg 파일 저장되는 공간 => FILE_LEVEL 은 썸네일에서만 사용하는 컬럼인데 파일레벨이 1인 것만 썸네일로 사용하도록 하겠다. ▶ Board 클래스에 Attachment 변수 추가(Builder 에도 추가) => 썸네일 관련 항목을 저장할 목적 package com.kh..
1. 게시판 수정 ① 해당 게시판을 클릭하였을 때 게시판 상세 페이지로 이동하였을 때 수정버튼이 보이게되는데(작성자와 사용자가 동일할 경우) 이 버튼을 클릭할 때 현제 게시글의 번호도 서버로 전송될 수 있도록 설정 ■ boardDetailView.jsp ☞ b.getBoardNo() => 내가 작성했던 게시글 내용이 보이게 하기 위해서 현재 게시글 번호를 같이 보내야한다! => 게시판 상세페이지로 이동하였을 때, 수정 버튼을 클릭하였을 때 현재 게시판번호도 같이 서버로 전송될 수 있도록 설정하였다. ② SQL 쿼리문 생성 ☞ 게시판 상세 페이지를 수정할 때 만약 첨부파일이 있었다가 삭제하고 다시 올린다면...? 또한 첨부파일이 없었다가 첨부파일을 넣고 다시 올린다면...? 첨부파일이 있긴한데 등록했던 첨..
1. 게시글 클릭시 상세보기 페이지로 넘어가는 기능 추가 ① boardListVIew.jsp 파일에 게시글 클릭하면 상세보기 페이지로 넘어가는 기능 추가 => 로그인한 회원만 글작성 버튼이 보이도록 설정 ② 게시글 상세페이지 디자인 ■ boardDetailView 일반게시판 상세보기 카테고리 제목 작성자 작성일 내용 첨부파일 첨부파일이 없습니다. 목록 수정 삭제 댓글작성 로그인후 이용가능한 서비스입니다 댓글등록 ▶ 첨부파일이 있는 경우 및 없는 경우 if 문 처리 첨부파일 첨부파일이 없습니다. ▶ 로그인한 사용자만 사용할 수 있도록 하고, 로그인한 사용자와 현재 게시글을 작성한 작성자가 맞는지 검사 목록 수정 삭제 ③ 게시글 상세피지와 첨부파일, 조회수증가하는 SQL쿼리문 작성하기 ■ board-mapp..
1. 게시판 만들기 - SERVER 계정에 저장되어있는 게시판 테이블과 관련 테이블들을 보도록 하겠다. ① 각 테이블에 관련한 클래스 생성하기 ▶ Board 클래스는 Builder를 이용한다. Builder는 메소드 순서가 안맞아도 필요한 값만 넣고 가져올수 있기 때문에 유용하므로 Builder를 사용한다! ■ Board 클래스 package com.kh.board.model.vo; import java.sql.Date; import oracle.net.aso.n; public class Board { //BOARD_NONUMBER private int boardNo; //BOARD_TYPENUMBER private int boardType; //CATEGORY_NONUMBER private int ca..
4.1과 4-2. 내용 이어집니다. 1. 마이페이지 만들기 ■ common.css 파일에 mypage-form 디자인 추가 ① myPage.jsp 파일 생성 ■ MyPageController.java 파일 package com.kh.member.controller; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import..