Blue Whale Wave

1. 검색하는 방법에 대해 생각해보다가 검색은 한 번에, 출력은 원하는 것만 하는 것이 편해 보였다. 그래서 단순히 하나의 키워드로 데이터베이스 검색 시스템 다듬어 보자. 먼저 임포트 시킬 것들. 부트스트랩과 제이쿼리 그리고, 입력란과 버튼을 하나 만든다. 검색 그리고 자바스크립트로 버튼 행위 제어 document.getElementById("searchBtn").onclick = function() { let keyword = document.getElementsByName("key")[0].value; if (keyword.trim() === "") { return; } else { // 검색어가 입력된 경우 검색 기능 수행 let url = "/board/search?keyword=" + keywo..

1. Spring Security를 사용하기에 먼저 pom.xml 설정을 해준다.(스프링 시큐리티) org.springframework.security spring-security-core 5.0.8.RELEASE org.springframework.security spring-security-web 5.0.8.RELEASE org.springframework.security spring-security-config 5.0.8.RELEASE 2. 보안 관련이라 컨테이너 관리 파일을 따로 만들어 사용했다. 기존의 servlet-context이 있는 폴더에(src/main/webapp/WEB_INF/spring/appServlet) spring-security.xml을 생성 후, 아래 코드를 추가한다. * ..

0. 이번에는 뭔가 시작부터 매퍼에 코드를 추가 해놓고 시작해보자. 더 편할 것 같다. 어쨌든 회원 정보를 수정해서 데이터 처리 작업을 해야할 테니까. accountMapper.xml파일에 추가. UPDATE user SET pwd = #{pwd}, email = #{email} * 만들려는 프로젝트의 특성상 바꾸고 싶은 컬럼만 적었다. 1. 그럼 다음은 DAO와 Service를 먼저 설정해준다. UserDAO와 UserService파일에 아래 코드 추가 // 회원정보 수정 public void memberUpdate(UserVO vo)throws Exception; 그리고 UserDAOImpl파일에 아래 코드 추가 // 정보 수정 @Override public void memberUpdate(UserV..

0. 로그인은 생각해보면 정보일치와 세션에 관해서 만져주면 될 것 같은 느낌이 든다. 먼저, account폴더에 login.jsp파일을 생성후, home.jsp에 로그인 링크를 하나 건다. 로그인 1. 먼저 세션(사용자 상태 유지 기능)을 사용해야 하기에 UserColtroller 파일부터 정리. 우선, 아래 기능들을 상단에 임포트 시킨다. import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpSession; import org.springframework.web.servlet.mvc.support.RedirectAttributes; *import javax.servlet.http.HttpServletRequest; imp..

0. 무엇보다 회원 데이터를 위해, 새로운 데이터 테이블을 생성 사용할 것이므로, 기존 BoderVO파일이 있는 패키지에, UserVO 파일 생성.(사용할 데이터베이스 테이블을 먼저 만들어 둔다.) package com.project.model; public class UserVO { private String id; // 유저 아이디 private String pwd; // 비밀번호 private String nick; // 닉네임 private String ncode; // 국가 private String email; // 이메일 private String text; // 추가 텍스트 private String channel; // 채널 정보 private int scount; // 카운트 정보 pr..

1. '좋아요'나 '하트' 등은 글을 읽는 페이지에서 구축하는 게 좋겠다고 생각해서, 조회 상세 링크 페이지에서 일단 시작한다. view.jsp파일에 수정과 삭제가 있는 div태그에 간단히 추가. 좋아요 좋아요 ${view.hcount} * heart라는 url요청을 사용. view모델 객체의 hcount 사용해서 즉각적으로 데이터를 보여주기 위함. 2. 삭제 기능처럼 클릭하면 바로 적용되니까, 따로 heart 뷰 파일은 패스하고 컨트롤러~ BoardController에 삭제기능 비슷하게 베끼면 된다. //좋아요 @RequestMapping(value = "/heart", method = RequestMethod.GET) public String getHeart(@RequestParam("idx") in..

1. 이제 블로그에서 모든 게시물을 상대로 검색(search)하는 기능 구현해보자. search.jsp 파일 만들어주고~페이지 구현은 list 페이지와 비슷한데 기능만 추가된 느낌일 것이다. 번호 제목 내용 작성자 날짜 ${list.idx} ${list.title} ${list.text} ${list.nick} 제목 내용 제목+내용 작성자 검색 * 먼저, 태그는 searchType란 이름으로 선택지에 해당하는 데이터를 보내는 역할. input으로 키워드 적는 란 만들고, 그리고 버튼 id로 searchBtn을 자바스크립트로 넘겨 버튼에 대한 행위를 만든다. [0]번째 id를 가져오는 이유는 자바스크립트는 id를 배열로 저장하기 때문. 복수로 저장가능 2. 일단은 뭐니뭐니 해도 컨트롤러에 뭐라도 추가 하려..

1. 게시물 생성은 다 알겠는데; 뭔가 글을 수정도 좀 하고 싶어졌다. modify.jsp 파일을 만들어서 작성 구현 코드와 비슷하게 만들어준다. 제목 작성자 내용 수정 2. 그리고 일단 컨트롤러에 url 매핑부터 get방식으로 추가해 준다. //게시물 수정 @RequestMapping(value = "/modify", method = RequestMethod.GET) public void getModify() throws Exception { } 3. 수정을 한다는 의미는? 조회의 상세 링크 페이지에서 무언가 클릭 했을 때, 가능해야 하겠지? view.jsp 파일에 아래 링크를 추가한다.(역시나 idx값으로 서로 매칭시킨다) 수정 * 여기서 드디어 데이터베이스를 활용할 것 같다?는 느낌이 든다. 그럼?..

1. 게시물 관련 로직을 디자인 할 차례다. 먼저 게시물 작성(write)에 관하여. views/board 폴더에 write.jsp파일을 생성. 그리고 아래 코드를 추가한다. 제목 작성자 내용 작성 * 참고로 jsp제일 상단에 있는 태그는 jstl 언어 core에 있는 문법 태그를 사용하기 위함이다. 상단 2개태그는 jsp파일에 세트로 가져간다. * form 태그 내용을 "post" 방식으로 보냈는데, 사용자가 서버로 보내니까 post로 보낸다는 정도만 인식하고 넘어간다. name 속성 이름으로 구분 이름으로 보내기에 정확히 넣어야 한다. 2. 다음에는 jsp파일을 컨트롤 할 BoardController에 url매핑 추가 아래 코드를 추가 //게시물 작성 @RequestMapping(value = "/w..

# 앞의 Spring 5, 7, 8번까지(설치와 기본설정 관련) 완료 후에 진행해야 함. 미리 사용할 데이터베이스에 샘플 자료 20개 정도 넣어놓고 실습. 1. 페이지 구현을 위해 views에 board폴더 생성 후, list.jsp파일 생성으로 목록 페이지 만들기. 그리고 아래 코드를 추가한다.(커스텀) 번호 제목 작성일 2. jsp(v 뷰 관련)파일은 단순 실행되지 않는다. 그럼? controller(c 컨트롤 관련) 자바 파일로 경로를 잡아줘야 한다. src/main/java 폴더 내 기본 HomeController가 있는 패키지에, BoardController 클래스를 생성한다. 그리고 아래 코드를 추가한다.(빨갛게 지금은 에러 떠도 된다. 추가할거니까.) package com.project.co..