그냥혀유 그냥혀유

1. 뷰 설정 삭제 버튼에 a태그로 자바스크립트 메서드 연결시켜두었다. function delFile(num,filename){ location.href="?num="+num+"&filename="+filename; } 삭제를 위한 컨트롤러와 연결 2. fileDeleteController public class FileDelController implements Controller{ @Override public String requestHandler(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String ctx = request.getContextPath(); //파일 이..

> 업로드된 파일을 다시 다운로드 받아보자. 1. MemberContent.jsp설정 파일 이름 출력하는 부분에 a태그를 걸었다. function getFile(filename){ location.href="?filename="+filename; } 파일 다운로드를 처리할 수 있는 컨트롤러로 가도록 설정 2. Controller public class FileGetController implements Controller{ @Override public String requestHandler(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //파일 읽어올 경로 설정 String f..

1. 회원리스트에 이미지 띄우기 - MemberList.jsp에 회원정보 출력되는 테이블 휴대폰 번호 밑에 아래와 같이 이미지를 띄우도록 추가하면 된다. *이미지 파일의 경로는 루트디렉토리에 file_REPO폴더안에 있다. 태그를 이용해 루트 디렉토리는 자동으로 추가하고, 폴더명이랑 파일명만 적어두자 2. 회원상세페이지에 파일 띄우기 첨부파일 - 아래와 같이 div를 하나 추가해주자. - 삭제버튼을 추가했는데 로그인 + 첨부파일이 있을 경우에만 x버튼이 뜨도록 만들었다. 참고자료: 나프2탄(박매일) - 인프런 https://www.inflearn.com/course/%EB%82%98%ED%94%84-mvc-2/dashboard [NarP Series] MVC 프레임워크는 내 손에 [나프2탄] - 인프런 ..

> 비동기 통신을 통해 파일을 업로드 해볼 것이다. 1. 화면구성, DB수정,VO 수정 1.1 파일첨부 화면 띄우기 첨부파일: 1.2 DB 수정,VO수정 > 회원가입시 파일을 첨부하는 예제이므로, member별 첨부파일이 있는 것이다. > 따라서 DB에 회원별 회원이 저장한 file이름을 함께 저장할 수 있도록 새 table을 만들자 > VO 또한 filename을 속성으로 가지고 있도록 수정해두자. create table member2( num int primary key auto_increment, id varchar(20) not null, pass varchar(20) not null, name varchar(30) not null, age int not null, email varchar(30)..

- 멤버 list.do에서 버튼을 만들어서 번튼을 누르면 회원 목록이 나오도록 고쳐보자. - 이때 버튼을 누르면 서버와 통신하여 member의 정보를 화면전환 없이 가져와야하므로 비동기 통신이 필요 1. List만들기 1.1 버튼 만들기 회원보기 Panel Body Panel Footer function memberList(){ $.ajax({ url : "", type : "GET", dataType : "json", success : resultList, error : function(){ alert("error");} }); } > 부스트 트랩을 이용하여 버튼을 만들었다. > 토글을 클릭하면, memberList()가 실행된다. - 서버와의 통신 결과 json을 응답으로 받는다. - 따라서 {[{m..

- memberRegister.jsp에서 ID를 중복확인을 할 것이다. - 이때 비동기처리 기술인 Ajax를 활용하여 화면전환 없이 서버로부터 요청과 응답을 받을 것이다. 1. memberRegister.jsp에 id중복확인 버튼 추가 및 ajax 작성 function doublecheck(){ if($("#id").val() ==''){ alert("아이디를 입력하세요"); $("#id").focus(); return } var id=$("#id").val(); $.ajax({ url : "", type : "POST", data : {"id" : id}, success :dbCheck, //함수(callback함수) error: function(){alert("error");} }); } *el과 제..

1. MemberContent.jsp화면을 수정했다. 상세화면 ${sessionScope.userName}님이 로그인 하셨습니다. 안녕하세요 번호: 아이디: 비밀번호: 이름: 나이: 이메일: 전화번호: 변경사항 1.1 로그인 유무에 따라 memberContent.jsp 상단에 뜨는 메세지를 다르게 하였다. ${sessionScope.userName}님이 로그인 하셨습니다. 안녕하세요 1.2 로그인 유무에 따라 수정하기 버튼을 띄우고, 로그인 id와 상세정보의 id가 같을 때만 수정하기 버튼이 활성화 되도록 변경하였다. 1.3 form태그의 submit을 javascript로 만들어서 form태그 밖에서 subimt할 수 있도록 하였다. > document.form1 -> 현재페이지.폼명 2. member..

- session을 이용한 로그아웃 처리를 해보자 - 또한 로그인 시에만 memberList page에서 자신의 정보만 삭제할 수 있고 타인의 정보는 삭제할 수 없도록 변경해보자. 1. 로그인 시 로그인 창 안뜨고, 유저명과 로그아웃 버튼 나오도록 변경하기 //로그인 화면 ${sessionScope.userName}님 반갑습니다. 로그아웃 로그인 시에 session에 userId를 검사하여 다음과 같이 변경한 것이다. > 로그인시 로그인창은 안뜨고, 로그아웃버튼과 유저명이 화면에 나타남 > 로그인 x시 로그인창이 뜸 2. 삭제버튼, 회원가입버튼, 회원가입 시 등록버튼 -리스트 삭제버튼 adisbled속성을 이용하여, 세션에 등록된 userId와 list Page에 등록된 id를 검사하여 로그인아이디와 l..