$$config title: [블로그]?Let's Spring keywords: - 스프링 수업 영상 정리 $$ # 스프링 수업 영상 정리 # 개요 - 스프링(si) - 스프링부트(솔루션업체) - 설정이 어느정도 되어있다. - 우리 프로젝트(손님) - 메이븐 (음식점. 의존성 알아서 만들어줌) ? mvn Repository 사이트에서 가져올 수도 있음. - 폼.xml (주문서. 우리의 요구사항) # 세션은 브라우저당 하나씩 생성되는 저장소이다. ## 세션 안 공간은 브라우저에게 대응이 된다. - 최초 접속하면 접속에 대한 표식을 준다. - 복잡한 이름이 세션에서 발행되고 브라우저에 흔적을 남김 - 로그인된 상태는 세션에 저장이 된다. - 30분~1시간 내 소멸 - 브라우저 전용 저장공간 - 브라우저가 올 때마다 저장소(httpSession)가 활성화된다. - 세션에 저장된 내용은 브라우저가 꺼지지 않는 한 계속 유지된다. - 인증 : 로그인 상태 확인 - 인가 : 권한체크 authorization - 태초에 웹이 있었다. - 웹은 사람 구분을 못함 - 기억력이 없다. - 그래서 쿠폰제도 만듦 - 쿠폰은 손님(브라우저)이 들고다님 - 쿠키 : 브라우저가 들고다님 - 쿠키의 수정권한은 서버나 브라우저 둘 다 있음 - 가게 주인(서버)이 별도의 공간을 만듦 - 그 쿠폰을 서버 내 별도 공간에 넣음. - 문제는 쿠키가 세션에 이제 저장되기 시작하는데 구분이 안됨. - 세션의 각각 저장소 이름을 길고 어렵게 지음 - 그 이름을 각 쿠폰에 붙여줌. # MVC 패턴 - C(식당점원) - M(서비스 ? 리포지토리, 데이터베이스. 재료창고) - V(JSP. 플레이팅) - 자바같은경우 다양한 데이터를 사용할 수 있지만 - 브라우저는 오직 문장만 인식한다. - 그래서 자바가 보낸 것들이 출력 된 것은 모두 문장이다. # 모델 - 장고 : Model(Model Class(models.py), DB통신(Django Orm)) - 스프링부트 : Model(Model Class(Service, VO), DB통신(Repository by MyBatis)) # 뷰 - 장고 : Template(HTML, CSS, JS) - 스프링부트 : View(JSP, CSS, JS) # 컨트롤러 - 장고 : View(urls.py, views.py) - 스프링부트 : Controller # map과 json - map과 json 방식은 유사하다. 이는 브라우저가 선호하는 방식인데 아직은 잘 모르겠다. # 객체나 맵 vs List나 ArrayList - 객체나 맵 = {} - 어레이, 리스트 = [] # 자동완성 - 컨트롤 스페이스 = 자동완성 # 두개 이상의 파일 형식 리턴 - 두개 이상의 형식 리턴은 Object 이다 # 쿼리스트링부터 데이터베이스까지 처리 과정 - 리퀘스트(손님) - 컨트롤러(점원. 리퀘스트를 받는 메소드) - 서비스(요리사) - 리포지토리(DAO) - 데이터베이스 - 컨트롤러는 서비스에게 요리 시켜서 받음. - 그러나 서비스가 컨트롤러에게 무언가 요구할 수는 없음. # 어노테이션 설명 - @Data : 클래스 안에 선언된 모든 필드가 private면, 브라우저에 나오지 않는다. 이때 @Data를 쓴다. - @Getter : 클래스 안에 private로 선언된 필드 중 특정요소를 브라우저에 나오게 할 때 사용. - @NoArgsConstructor : 기본 생성자 - @AllArgsConstructor : 매개변수가 있는 생성자 # 모듈 이름 짓는 규칙 - 어플리케이션이 가지고 있는 패키지의 경로까지는 무조건 써주고 그 이후에 .service를 써준다. # 서비스에 대한 설명 - 서비스는 객체 생성 등을 알아서 관리 해준다. @Service => 컴포넌트로 등록이 되었음. - 서비스의 경우는 new를 써서 관리하지 않는다. # 서비스의 컴포넌트 - @Autowired를 사용하면 해당 컴포넌트를 즉시 가져올 수 있다. - @Autowired - private ArticleService articleService; - 필요한 의존 객체의 “타입"에 해당하는 빈을 찾아 주입 - 생성자 - setter - 필드 - 위의 3가지의 경우에 Autowired를 사용할 수 있다 - Autowired는 기본값이 true이기 때문에 의존성 주입을 할 대상을 찾지 못한다면 애플리케이션 구동에 실패 - Name으로 강제하는 방법: @Qualifier을 같이 명시 # 리포지터리의 컴포넌트 - @Component - 리포지토리에 붙여줌. @Service와 동일한 개념이다. - 리포지토리에는 데이터 관리와 관련된 부분을 넣어준다. - 마찬가지로 클래스 내부에 다음을 적어준다. - @Autowired - private ArticleRepository articleRepository; - 모든 데이터 관리 메소드는 리포지토리가 가져간다. - 어플리케이션 로직이 단순하면 특별히 서비스가 하는 일이 없다. - 서비스에는 리포지토리에게 컨트롤러에서 받은 매개변수를 한번 더 넘겨서 리턴받는 일 뿐. - 그러나 로직이 복잡해지면 추가적인 업무가 생길 예정임. # 신규 프로젝트 만들기 - 하나) 컨트롤러 만들기 - @RequestMapping("/usr/article/getArticles") >> URL 기입 - @ResponseBody - 둘) 컨트롤러는 리퀘스트를 받아서 서비스에게 명령한다. - 컨트롤러 요소 클래스 필드 제작 ? private 서비스클래스형 변수A ? private MemberService memberService; - 클래스 생성자 제작(매개변수는 클래스의 필드) ? public UsrMemberController(MemberService memberService) { - : this.클래스필드의 서비스클래스형변수 ? this.memberService = memberService; ? 여기서 자동으로 5번 서비스클래스도 만들자. - 리턴 : 서비스 클래스의 메소드 - 셋) 모델만들기(게시글 클래스) - 넷) yml 파일 만들기 - 서버 및 포트 설정해주기 - server: - port : 80xx - 다섯) 서비스 클래스 만들기 - 클래스 필드 제작 ? private 리포지토리클래스형 변수A - 클래스 생성자 제작(매개변수는 클래스의 필드) - 리턴 : 리포지토리 클래스의 메소드 - 여섯) 리포지토리 클래스 만들기 - 클래스 필드 제작 ? private 리스트형 변수 A - 클래스 생성자 제작() - 데이터베이스 없는 관계로 새로운 변수 A 어레이리스트 생성 - 리턴 : 데이터베이스(현재까진 DB 연결되지 않았음.) - 일곱) 서비스 클래스에서 테스트 데이터 만들어 줄 수 있음. - 테스트데이터 생성 메소드 구현 - 테스트데이터가 저장될 디비가 없는 상태임 - 리턴 : 리포지토리의 저장 메소드 - 여덟) 리포지토리에서 저장 클래스 구현 - Article article = new Article(받아올 매개변수); - articles.add(article); # 게시글을 가져오는 메소드 (서비스 ? 리포지터리) - 하나) 서비스에 getArticle 메소드 만들어줌(매개변수는 아이디) - 리턴 : 리포지토리의 getArticle 메소드(매개변수 넘겨줌) - 둘) 리포지토리의 getArticle메소드 꾸며줌 - 만약 같은 아이디의 article 있으면 리턴해줌. 없으면 null 리턴 - 셋) 스키마 폴더 만들어서 데이터베이스 만들었던 쿼리문 넣어주기 # 마이바티스 설정 - 하나) 리포지토리의 클래스를 인터페이스로 바꿔주기 - 둘) 리포지토리 클래스의 @Component를 Mapper로 바꿔주기 ``` @Mapper public interface MemberRepository { ``` - 셋) 리포지토리의 각 메소드를 형식과 이름, 매개변수만 남기고 다 지워주기 - 넷) ***pom.xml에 의존성 추가해주기*** - mvn repository - mybatis 검색하기 - mybatis spring boot starter 복사하기 - 붙여넣어주기 ```java org.mybatis.spring.boot mybatis-spring-boot-starter 2.2.0 ``` - 다섯) 프로젝트 우클릭 - Spring 에서 Add Starters 클릭 - 프로젝트에서 미처 넣지 못한 부분 넣어주기 - mybatis 추가 mysql driver 추가 - 여섯) 맵퍼 추가하고 임포트 해주기 - 임포트 적용 안될땐 프로젝트에서 프로젝트 업데이트 해줘야함 - 일곱) application.yml에 db 접속 정보를 적어주기 ```java server: port: 8011 spring: datasource: driver-class-name: com.mysql.cj.jdbc.Driver url: jdbc:mysql://127.0.0.1:3306/sb_c_2021_2nd_t?useUnicode=true&characterEncoding=utf8&autoReconnect=true&serverTimezone=Asia/Seoul&useOldAliasMetadataBehavior=true&zeroDateTimeNehavior=convertToNull username: sbsst password: sbs123414 mybatis: type-aliases-package: com.sbs.exam.demo.vo ``` - 여덟) mysql 의존성도 붙여넣기 ```java mysql mysql-connector-java runtime ``` # 데이터베이스 스프링 연결 - 하나) application.yml에 아래 내용 추가해주기 ```java spring: datasource: driver-class-name: com.mysql.cj.jdbc.Driver url: jdbc:mysql://127.0.0.1:내mysql포트번호/데이터베이스이름?useUnicode=true&characterEncoding=utf8&autoReconnect=true&serverTimezone=Asia/Seoul&useOldAliasMetadataBehavior=true&zeroDateTimeNehavior=convertToNull username: 아이디 password: 패스워드 mybatis: type-aliases-package: com.sbs.exam.demo.vo(모델의 주소를 적어준다) ``` - 둘) 서비스 클래스 테스트 데이터 메소드 삭제 - 서비스 클래스 생성자메소드의 maketest는 이제 필요 없으니 삭제하자 ## 인터페이스란? - 내부에 추상 메소드밖에 없음 - 추상 메소드는 실제 구현부가 없음 - 새로 수정한 interface ArticleRepository는 추상 메소드밖에 없으나, mybatis가 알아서 오버라이딩 해줌. - 즉, 각 메소드에 해당하는 쿼리문을 mybatis로 전달 - 단, 어노테이션으로 메소드 위에 쿼리문을 적어줘야함 ``` @Select("select * from article where id = #{id}") public Article getArticle(@Param("id") int id); ``` - 각 파라미터 #{ }에 해당하는 값은 @Praim(" ")으로 연결해줌 - 리턴이 없는 메소드에는 void를 붙여줌 ### 마지막 삽입값 아이디 추출하기 ``` SELECT LAST_INSERT_ID(); ``` - 리포지토리에 마지막 아이디를 찾는 쿼리문 메소드를 만들어준다. ``` @Select("SELECT LAST_INSERT_ID()") public int getLastInsertId(); ``` # 리포지토리의 @쿼리문은 매우 긴 장문도 있다. - ?ArticleRepository.xml이라는 파일을 만들어준다. - 자바 파일과 동일한 이름으로 만들어야함. - 아래의 내용을 붙여넣어준다. ```xml ``` # mapper사이에 쿼리문을 써줄 수 있다. ```xml application.yml의 mybatis:에 type-aliases-package에 com.sbs.exam.demo.vo 가 적혀있으므로 resultType에는 이를 생략한 Article만 적어줘도 된다. resultType에는 List 등을 써주지 않아도 됨!! 알아서 mybatis가 바꿔줌 ``` # xml에서 쿼리문을 쓸 때 set옵션 ``` xml에서 쿼리문을 쓸 때 옵션을 써주면 내부에 if문에 따라 UPDATE ~ SET 쿼리문이 해당 if에 따라가 붙는다 if 조건식에 title이 null이 아니면서 body가 null 이 아니다~ 를 표현하려면 로 표현한다. ``` # 회원 테이블 생성 ``` # 회원 테이블 생성 CREATE TABLE `member` ( id INT(10) UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, updateDate DATETIME NOT NULL, loginId CHAR(20) NOT NULL, loginPw CHAR(60) NOT NULL, authLevel SMALLINT(2) UNSIGNED DEFAULT 3 COMMENT '권한레벨(3=일반,7=관리자)', `name` CHAR(20) NOT NULL, nickname CHAR(20) NOT NULL, cellphoneNo CHAR(20) NOT NULL, email CHAR(50) NOT NULL, delStatus TINYINT(1) UNSIGNED NOT NULL DEFAULT 0 COMMENT '탈퇴여부(0=탈퇴전,1=탈퇴)', delDate DATETIME COMMENT '탈퇴날짜' ); ``` # 자바 15부터는 쿼리문을 다음과 같이 쓸 수 있다. (리포지토리.xml까지 넘어갈 필요 없이 리포지토리.java내에서 사용 가능. si에선 보통 8버전을 사용하여 불가함) ``` @Mapper public interface MemberRepository { @Insert(""" INSERT INTO `member` SET regDate = NOW(), updateDate = NOW(), loginId = #{loginId}, loginPw = #{loginPw}, `name` = #{name}, nickname = #{nickname}, cellphoneNo = #{cellphoneNo}, email = #{email} """) void join(@Param("loginId") String loginId, @Param("loginPw") String loginPw, @Param("name") String name, @Param("nickname") String nickname, @Param("cellphoneNo") String cellphoneNo, @Param("email") String email); } ``` # 전통적규약 - tinyint 면 boolean으로 치환된다. # alt + shift + R - 관련된 변수의 이름을 한번에 바꾼다. # 쿼리스트링 - 아예 없으면 null - loginid= 로 들어오면 공백으로 들어와버림 ``` if(obj instanceof String == false){ // 스트링이 아닌가? return true; } String str = (String) obj; // 문장을 가져온다 return str.trim().length() == 0; // 좌우 공백을 제외했는데 0인가? ``` - 잘못된 데이터에 대한 분석 리턴은 그 사유마다 리턴을 달리 해준다. -1, -2.. # C언어 스타일로 문장 스타일 유지하기 ``` 컨트롤러 if(id==-1){ return Ut.f("해당아이디(%s)는 이미 사용중입니다.", loginId); } ``` ## 가변적인 매개변수 받기 (스트링 포멧으로 변환) ``` Ut.java public static String f(String format, Object... args) { /// ... 은 args가 여러개 올 수 있다는 의미. 몇개가 오든 앞에 있는 String format으로 배열형으로 들어간다. C언어 %d같이. return String.format(format, args); } ``` # 일단 정리? - 브라우저(응답, 일반 자바객체) - 컨트롤러(응답, 일반 자바객체) - 서비스(응답, 일반 자바객체) - 리포지터리(응답, 일반 자바객체) - 리포지터리(DB. 응답은모름) - 리포지터리와 DB와의 작업은 우리가 알 수 없음. - 우리가 인터페이스로 리포지터리 만들어 놓으면 마이바티스가 알아서 구현해주는 방식 # 표준보고서 양식의 필요성 - 서비스가 컨트롤러에게 응답할 때 뿐만 아니라, 컨트롤러가 브라우저에게 응답할 때도 양식을 쓰게끔 - 성공인지 실패인지 명확해야 한다. - 메세지를 담고 있어야 한다. - 추가 데이터의 전송도 가능해야한다. # ResultData 클래스 = 표준보고서 양식 - // 성공의 여부 S1, 실패의 여부 F1 으로 놓고 써봄 ``` @Getter private String resultCode; ``` - 이렇게 해주면 show - outline에 getResultCode가 만들어져있는 것을 볼 수 있음. - 그리고 메소드 하나 추가 ``` public boolean isSuccess( ) - 리턴된 resultCode에 따라 성공과 실패를 가늠하는 메소드이다. return resultCoode.StartsWith("S-") ``` - 메시지 변수도 만들어줌 ``` @Getter private String msg; ``` - 임시 데이터 변수도 만듦. ``` @Getter private Object data1; // 두개 메소드를 만들어줌 private ResultData( ) public static ResultData from(String resultCode, String msg, Object data1) // ResultData 메소드에 객체 생성 후 매개변수 부여하고 리턴해줌. ResultData rd = new ResultData(); rd.resultCode = resultCodde; rd.msg = msg; rd.data1 = data1; return rd; ``` ## getArticle의 리턴형과 내용을 바꿔줌 ``` return ResultData.from("F-1", Ut.f("문제발생내용" )) ``` - 이쪽 리턴에 리턴내용이 2개인데 매개변수 받는 쪽이 3개면 안됨 - 그러므로 같은 이름의 메소드이자 동시에 매개변수는 2개만 받는 메소드 만들어줌.(오버로딩) ``` pubic static ResultData from(String resultCode, String msg){ retrun from(resultCode, msg, null) } ``` ## 이 resultData는 서비스단부터 바꿔줘도 가능함. # resultData 정리 - resultData는 사용자가 보기에 깔끔한 리턴 틀을 만든다. - 1. resultData 포멧 만듦 - 2. 기존 컨트롤러 또는 컨트롤러 + 서비스의 리턴형과 내용 resultData로 전환 - 3. return ResultData.from을 써서 ("코드", "메시지", 내용유무에따른내용리턴) 사용 # 게터값에 대해 일일히 (int) 형변환 하는 것이 싫다면, 제너릭으로 바꿔준다. ``` ResultData writeArticleRd = articleService.writeArticle(title, body) int id = writeArticleRd.getdata1(); 또는 ResultData writeArticleRd = articleService.writeArticle(title, body) int id = (int)writeArticleRd.getdata1(); ``` # 고객에게 보여지는 모든 것은 ResultData에 담겼음 ``` ResultData 여기서 제네릭은 정상적으로 작동한 메소드 것의 리턴값에 맞춰서 써주자 ``` ``` public class ResultData

{ ... @Gatter private DT data1; } ``` - 여기서 DT는 오브젝트형태. - DT에 들어오는 대로 해당 형태로 바뀌게 됨. --- # 82강) Member에 있었는데 Article에 없는 것들 추가가 필요함. # 83강) ResultData ? 로그인에 적용 - 컨트롤러 - doLogin에는 멤버변수 loginId와 loginPw만 남겨주자. - 그리고 서비스를 통해 member를 얻어오자. ``` Member member = memberService.getMemberMyLoginId(loginId) member가 null일경우 if(member == null) { return ResultData.from("F-3", "존재하지 않는 로그인") } 을 명시해준다. ``` - 또 만약 멤버의 로그인 비밀번호가 일치하지 않는 경우도 명시해주자. - 로그인이 다 된 경우 ``` return ResultData.from("S-1", Ut.f("%s님 환영합니다.", member.getNickname())); ``` - 스프링에서 세션을 얻어야 할 경우 다음을 기록해준다. ``` public ResultData doLogin(HttpSession httpSession, String loginId, String loginPw) ``` - 메소드 호출 시 HttpSession 으로 인해 브라우저의 세션을 얻을 수 있다. - 이후 해당 세션에 속성으로서 값을 저장해주자 ``` httpSession.setAttribute("loginedMemberId", member.getId()); ``` - 이제 doLogin의 가장 첫 줄에서 연결에 대한 마무리를 해주자. - boolean 변수 isLogined를 false로 설정. - 그 후 세션에서 getAttribute로 아까 저쟁해 놓은 속성을 가져오는 내용을 적어주자. ``` if(httpSession.getAttribute("loginedMemberId") !=null ) ``` - 이것은 이미 로그인된 상태라는 내용으로, isLogined = true로 전환해주자. # 84강) doLogout도 똑같이 만들어주자 ``` @RequestMapping("/usr/member/doLogout") @ResponseBody public ResultData doLogout(HttpSession httpSession){ 내부에 로그아웃 되었으면 세션을 제거해주는 코드를 쓰자 httpSession.removeAttribute("loginedMemberId"); } ``` # 85강) 게시물테이블에 회원정보를 추가하는 컬럼을 추가해야한다. - 해당 내용은 sql을 조정후 시작하자 ``` Alter Table article ADD COLUMN memberId INT(10) UNSIGNED NOT NULL AFTER '이곳에 쓴 컬럼 다음에 만든다' ``` # 86강) doAdd에도 HttpSession 추가해준다. - 로그인 된 사람만 글 작성이 가능케 해줌. - 컨트롤러 ``` ResultData writeArticleRd = articleService.writeArticle(loginedMemberId, title, body) ``` - 서비스 ``` public ResultData writeArticle(int memberId, String title, String body) ``` - 리포지토리 ``` public interface ArticleRepository{ public void writeArticle(@param('memberId')int memberId, ...) } ``` - 리포지토리.xml에 memberId=#{memberId} 추가 - 마지막으로 Article에도 private int memberId를 추가해주자. # 87강) 게시물 삭제시 권한을 체크하자. - 컨트롤러 ``` if (article.getMemberId() != loginedMemberId){ retrun ResultData.from("F-2", "권한없음") } ``` # 90강) - 컨트롤러 - doModify 수정 - ResultData`

형으로 수정 - 권한체크를 위해 isLogined를 추가한다. - boolean isLogined = false; - int loginedMemberId = 0; - 다른 내용과 마찬가지로 HttpSession도 추가해줌. >> public ResultData`

doModify(HttpSession httpSession, int id, String body){ ... } 아래의 조건문도 필요한 상태이다. if(article.getMemberId() != loginedMemberId){ retrun ResultData.from("F-2", 권한이없습니다"); } 그런데, 컨트롤러는 그냥 토스하는 직원이다. 그래서 간단한 권한체크는 가능하지만 가능하면 토스 위주로만 진행하는 것이 좋다. ResultData actorCanModifyRd = articleService.actorCanModify(loginedMemberId, article)를 컨트롤러에 추가하자. 이 actorCanModify를 Service에도 만들어야한다. public ResultData actorCanModify(int actorId, Article article){ if (article==null){ return ResultData.from("F-1", "권한없음"); if (article.getMemberId() != actorId){ return ResultData.from("F-2", "권한없음"); } return ResultData.from("S-1", "수정가능"); 다시 컨트롤러로 돌아와서 actorCanModifyRd에 대한 내용 평가를 진행한다. if(actorCnaModifyRd.isFail()){ retrun actorCanModifyRd; } 이제 articleService에게 modifyArticle을 시킬 차례이다. return articleService.modifyArticle(id,title,body); 서비스는 이를 받아 진행한다. public ResultData

modifyArticle(int id, String title, String body){ articleRepository.modifyArticle(id,title,body); Article article = getArticle(id); return ResultData.from("S-1", Ut.f("%d번 게시물을 수정하였습니다.", id),article); } 정리하자면 누군가가 수정요청을 하면 1) 로그인 여부 확인 2) 게시물을 구함 - 게시물이 있는가? 3) 수정요청 전 요청자의 권한 판단 요청 to service 4) 만약 실패면 리턴 actorCanModifyRd # 90-2강) - 지금까진 이름 없이 데이터만 추가함 - 이제 이름을 넣어보기로 함 - ResultData를 수정. data1Name 매개변수 추가 ```java public static

ResultData

from(String resultCode, String msg, String data1Name, DT data){ rd.resultCode = resultCode; rd.msg = msg; rd.data1Name = data1Name; rd.data1 = data1; } ``` - 기존의 `ResultData

newData`는 변수 수정을 진행 `public static

ResultData

newData(ResultData oldRd, String data1Name,DT newData){ return from(oldRd.getResultCode(), oldRd.getMsg(), oldRd.getMsg(), data1Name, newData);` - 참고로 컨트롤 쉬프트 R을 누르고 변수명 수정시 같이 바뀐다. - 이제 컨트롤러에서 ResultData.from메소드나 .newData 리턴시 임의의 아이디도 같이 넘겨보자. `("S-1", Ut.f("%d번 게시물을 수정하였습니다.",id), "id", id);` - ***크롬에 json view를 다운로드하면 받아온 내용을 편하게 볼 수 있다.*** - `ResultData

modifyArticle`에서 내용을 수정해주자. `return ResultData.from("S-1", Ut.f("%d번 게시물이 수정되었습니다.", id, "article입니다", article)` - data1Name 변수를 추가해 줌으로서 해당 데이터가 무엇인지 간단히 알려주는 역할을 담당한다. # 91강) 보내주는 요청에 따른 쿼리가 콘솔에 뜨게끔 할 수 있음. ```java pom xml에 SQL로거 의존성을 추가한다. org.bgee.log4jdbc-log4j2 log4jdbc-log4j2-jdbc4.1 1.16 ``` 1. dao 2. mybatis 3. jdbc = db쿼리를 완성해서 db에게 날려주는 역할 - 3과 4 사이에서 로거를 사용. 쿼리문을 사용자에게 보여줌 4. database - application.yml을 수정해준다. ```java # driver-class-name: com.mysql.cj.jdbc.Driver driver-class-name: net.sf.log4jdbc.sql.jdbcapi.DriverSpy url: jdbc:log4jdbc:mysql://127.0.0.1:3306/sb_c_2021_2nd_t?useUnicode=true&characterEncoding=utf8&autoReconnect=true&serverTimezone=Asia/Seoul&useOldAliasMetadataBehavior=true&zeroDateTimeNehavior=convertToNull username: sbsst password: sbs123414 mybatis: // 리소스폴더에 아래 두개 추가해줌 log4jdbc.log4j2.properties logback-spring.xml ``` - 로그를 출력하는 역할 외 여러 역할을 해줌 - logback-spring.xml에 다음 내용 추가 ```xml %d{yyyy-MM-dd HH:mm:ss} [%thread] [%-5level] %logger{36} - %msg%n UTF-8 ${LOG_PATH}/today_common.log %d{yyyy-MM-dd HH:mm:ss} [%-5level] %logger{36} - %msg%n UTF-8 ${LOG_PATH}/daily_common/%d{yyyy-MM-dd}.log 30 ${LOG_PATH}/archived/today_common.log %d{yyyy-MM-dd HH:mm:ss} [%-5level] %logger{36} - %msg%n UTF-8 10MB ${LOG_PATH}/archived/today_common.%i.log.zip 1 10 error ACCEPT DENY ${LOG_PATH}/error.log %d{yyyy-MM-dd HH:mm:ss} [%-5level] %logger{36} - %msg%n UTF-8 ${LOG_PATH}/daily_error/%d{yyyy-MM-dd}.log 30

``` - 콘솔에 실제 실행된 쿼리가 출력되기 시작함. - 스프링부트는 내장 톰캣이 있지만 jsp 엔진은 빠져있음. - jsp 엔진과 jstl 의존성을 붙여넣기 해줌. - ***의존성 설치 이후에는 껐다 켜줘야한다.*** ```xml org.apache.tomcat.embed tomcat-embed-jasper provided javax.servlet jstl ``` - 톰캣 관련 설정을 application.yml에 적용 ``` server: port: 8011 spring: mvc: view: prefix: /WEB-INF/jsp/ suffix: .jsp datasource: # driver-class-name: com.mysql.cj.jdbc.Driver driver-class-name: net.sf.log4jdbc.sql.jdbcapi.DriverSpy ``` - ***prefix로 인해 컨트롤러에서 리턴시 원래 써줘야할 /WEB-INF/jsp/를 생략하고 사용 가능.*** - ***suffix로 인해 .jsp 확장자도 생략이 가능하다.*** ``` public String showMain() { return "usr/home/main"; // 생략해줬다. 원래는 /WEB-INF/jsp/usr/home/main.jsp } ``` - 그 후 실제 폴더 위치에 동일한 이름의 jsp를 만들어주자. >> src/main/webapp/WEB-INF/jsp/usr/home/main.jsp - jsp 내부 수정시 4초간은 재갱신이 불가하다. --- # 93강) 깃에서 관리하지 말아야할 gitignore 내용 추가, LOG PATH IS UNDEFINED 에러를 없애주기 ```java LOG_PATH_IS_UNDEFINED/ log/ ``` - application.yml에 다음 내용 추가 ```java type-aliases-package: com.sbs.exam.demo.vo custom: logging: dir: log level: debug ``` - logback-spring.xml이란 폴더에 LOG_PATH와 custom.logging.dir이란 곳이 있다. - 이것과 관련된 것이고 LOG PATH IS UNDEFINED 에러를 없애준다. ===== # 94) - 컨트롤러 - jsp를 위해선 `public ResultData> getArticles()`라는 부분이 수정돼야한다. - `ResultData>`의 삭제가 필요. - *그리고 @ResponseBody도 제외.* - `public ResultData> getArticles()를 public String getArticles()로 수정하자. `jsp는 String으로 받아준다. - 94강에서는 getArticles를 list로 바꿔서 시작한다. - public String showList로 바꾸고 매개변수를 Model model로 바꿔준다. - 리턴값도 리퀘스트 맵핑과 동일한 주소로 바꿔주었다. ```java @RequestMapping("/usr/article/list") public String showList(Model model) { // 모델이 추가되면서 다음과 같은 기능을 임포트 해야한다. import org.springframework.ui.Model; //모델이란 것을 쓰고서 addAttribuet를 쓰면 된다. List

articles = articleService.getArticles(); model.addAttribute("articles", articles); //이렇게 해줌으로서 JSP에 "articles"를 가져가서 사용이 가능하다. return ResultData.from("S-1", "게시물 리스트 입니다.", "articles", articles); return "usr/article/list"; } @RequestMapping("/usr/article/getArticle") ``` - jsp파일을 만들어주자. *jstl 사용 가능하게 만들어줌* ```java <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> jsp 파일의 최상단 추가하여 jstl을 사용할 수 있게 해줌. ``` - pom.xml에 추가한 의존성으로 인해 사용이 가능하다. - jsp 내용 추가 ```java // 아까 위에서 사용한 model.addAttribute("articles", articles);의 articles이란 리스트를 가져와서 article에 넣어줌. ${article.id} // 원래대로라면 id는 article클래스에서 private이기 때문에 ${article.getId()} 로 써줘야한다. // 실제로 이렇게 써도 된다. // jstl의 도움으로 .id로만 사용이 가능하다. ${article.regDate.substring(2, 16)} ${article.updateDate.substring(2, 16)} ${article.memberId} ${article.title} ``` ===== # 96강) 폰트적용 - 폰트적용 1) static > resource > common.css에 @font-face를 추가한다. ```html @font-face { font-family: 'LotteMartDream'; font-style: normal; font-weight: 400; src: url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff'); } ``` 2) jsp 의 title 아래에 다음 내용 추가. - defer은 html로딩이 끝난 후 실행하겠다는 의미이다. ```java 게시물 리스트 ``` - 가장 마지막줄에 쓰는 것과 같은 효과임. ===== # 97강) 공통의 레이아웃을 만들자 - src/main/webapp/WEB-INF/jsp/usr/common/head.jspf - 해당위치에 공통적인 레이아웃을 만든다. ```java <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> ${pageTitle}

${pageTitle} 페이지

로고

``` - 이곳에 들어간 ${pageTitle}을 유심히 보자. - *이제 다른 jsp 파일에서 head.jspf 를 가져와 적용한다.* - 이때 pageTitle란 변수에 임의의 변수를 해당 jsp마다 추가가 가능하다. ```java ``` - 이런식으로 적용할 수 있다. ===== # 98 - src/main/webapp/WEB-INF/jsp/usr/common/head.jspf - 공통 디자인 파일에 추가적인 디자인 기능을 삽입하자. ```html ``` ===== # 99강) CSS 기능 정리 - 사용된 기능 ```css container mx-auto : 가운데정렬 flex-grow : 요소간 넓어짐 h-20 : 높이 증가. 하단의 flex가 들어간 자식들도 적용됨 flex items-center : 요소의 상하단 중간 정렬. 수직중앙 h-full : 부모의 높이를 끌어옴 hover:underline : 마우스 올리면 밑줄 생김 table-box-type-1 > table th, table-box-type-1 > table td, { border : 1px solid black; } : 테이블박스 클래스 만들어서 자식 요소에게 커스텀 css 부여. ``` # 101강) 게시물 상세페이지 구현 - 콘트롤러 - 1. 리퀘스트 바디 지우기 - 2. 스트링 showList 기반으로 해도 됨. - 3. 리퀘스트 맵핑 만들어주기 - 4. 리퀘스트 요청시 가져오는 멤버변수 만들어주기. 기능변수 Model과 상세페이지구분자 int를 써주자. - 5. Article article = articleService.getArticle(id); 서비스를 통해 id에 해당하는 게시물 받아옴 - 6. model.getAttribute("article", article); 을 통해 "article"에 게시물을 담아 jsp로 전달 - 7.return "usr/article/detail"; 해당 리퀘스트 맵핑 url로 돌아감. ```html 사용한 css ``` - 첫번째 테이블 컬럼 200사이즈 - 두번째는 남은 테이블 사이즈 가져감. # 102강) 너비를 관리하는 컬럼그룹과 컬럼 ```html ``` - 테이블 tr > th 의 개수에 맞춰서 col을 넣어주고, 원하는 크기를 적어준다. # 103강) 선생님은 자바 15의 사용법에 따라 xml 리포지터리가 아닌 .java 리포지터리에서 작업을 수행해봄 1) xml의 getArticles 삭제 2) 자바 리포지터리의 public List`

getArticles();` 의 위에 `@Select` 사용 ```java @Select(""" SELECT A.*, M.nickname AS extra__writerName FROM article AS A LEFT JOIN member AS M ON A.memberId = M.id ORDER BY A.id DESC """) public List

getArticles(); ``` 3) Article모델에 `private String extra__writerName;` 를 추가 4) jsp 출력 시 `

` 를 추가 ```html // 이부분 ``` # 104강) 비슷한 메소드중 하나의 이름을 바꿔줌 - 서비스 - 컨트롤 + 쉬프트 + R로 관련된 내용을 한번에 바꿔주자. `public ResultData

doAdd(HttpSession httpSession, String title, String body) >> Article article = articleService.getArticle(id); ? Article article = articleService.getForPrintArticle(id); public String showList(Model model) { >> List

articles = articleService.getArticles(); ? List

articles = articleService.getForPrintArticles(); public String showDetail(Model model, int id) { >> Article article = articleService.getArticle(id); ? Article article = articleService.getForPrintArticle(id); public ResultData

getArticle(int id) { >> Article article = articleService.getArticle(id); ? Article article = articleService.getForPrintArticle(id); public ResultData doDelete(HttpSession httpSession, int id) { >> Article article = articleService.getArticle(id); ? Article article = articleService.getForPrintArticle(id); public ResultData

doModify(HttpSession httpSession, int id, String title, String body) { >> Article article = articleService.getArticle(id); ? Article article = articleService.getForPrintArticle(id);` # 105강부터 xml쿼리문 일부 내용을 자바 15형식의 java쿼리문으로 바꾸시는데 이유는 딱히...그냥 편해서? 그러나 바꾸면서 다음 내용이 추가됨. M.nickname AS extra__writerName 이것으로 104강 3번에서 선언한 extra__writerName 값을 M.nickname을 통해 가져올 수 있음. ```java public Article getArticle(@Param("id") int id); @Select(""" SELECT A.*, M.nickname AS extra__writerName FROM article AS A LEFT JOIN member AS M ON A.memberId = M.id WHERE 1 AND A.id = #{id} """) public Article getForPrintArticle(@Param("id") int id); ``` # SQL 쿼리문 WHERE = 1 >> https://hyjykelly.tistory.com/5 1. 1=1이란 조건은 있으나마나 한 조건이라는 의미 2. 쿼리 디버깅 시, 주석처리가 편하다. 3. 동적쿼리에서 특정상황마다 WHERE절을 다르게 작성해줘야 할때 편리하다. # 105강) 게시물 수정 (버튼추가) - detail.jsp ```java // 뒤로가기 기능 게시물 수정 // 수정을 위해 게시글 아이디 넘겨줌 게시물 삭제 // 삭제를 위해 게시글 아이디 넘겨줌. onclick = "return false;"를 쓰면 onclick시 반응하지 않는다. 그러나 대신 조건절을 사용하면 조건절 true시 반응한다. 여기서는 내부함수 confirm을 사용해줌. ``` - list.jsp - 리스트에도 각각 수정버튼 만들어줌 ```java

``` ``` 많이 쓰이는 텍스트 링크 버튼 따로 커스텀 css 구현 common.css .btn-text-link { color:skyblue; } .btn-text-link:hover { text-decoration: underline; } ``` ===== # 106강 c:if 내부 문장 여부에 따라 화면에 도출하거나 숨길 수 있음. (옮겨적는것을 다 하지 못했다.) - src/main/webapp/WEB-INF/jsp/usr/article/detail.jsp - c:if 내부 문장 여부에 따라 화면에 도출하거나 숨길 수 있음. - 여기서는 extra__actorCanDelete를 조건으로 주는데 현재 Article에 그런게 없다. ```java 게시물 삭제 ``` - Article.java 안에 하나 만들어주자 ``` private boolean extra__actorCanDelete; ``` # 107강) jsHistoryBack 메소드 - 컨트롤러 - `doDelete메소드의 public ResultData 대신 리턴형을 String으로 바꿔준다. - 이하에 있던 ResultData.from 메소드를 변경한다. ``` if (isLogined == false) { // return ResultData.from("F-A", "로그인 후 이용해주세요."); 삭제한다. return Ut.jsHistoryBack("로그인 후 이용해주세요."); } ``` - jsHistoryBack 메소드를 만들어준다. - Ut.jsHistoryBack 이기 때문에 UT.java로 들어간다.(유틸이라서) ```java public static String jsHistoryBack(String msg) { if (msg == null) { msg = ""; } return Ut.f(""" // 자바 15에서만 이렇게 사용이 가능하다. """, msg); } ``` - 나머지 컨트롤러의 doDelete메소드의 리턴도 상황에 맞춰 바꿔준다. ``` if (article.getMemberId() != loginedMemberId) { //return ResultData.from("F-2", "권한이 없습니다."); //삭제. return Ut.jsHistoryBack("권한이 없습니다."); } if (article == null) { // ResultData.from("F-1", Ut.f("%d번 게시물이 존재하지 않습니다.", id));// 삭제 Ut.jsHistoryBack(Ut.f("%d번 게시물이 존재하지 않습니다.", id)); } articleService.deleteArticle(id); // return ResultData.from("S-1", Ut.f("%d번 게시물을 삭제하였습니다.", id), "id", id); // 삭제 return Ut.jsReplace(Ut.f("%d번 게시물을 삭제하였습니다.", id), "../article/list"); // 게시물 삭제 이후 "../article/list" 로 이동 } // ``` - JSON으로 던지는게 아니라 바로 실행이 되야 하는 부분이다. - 또 없는 유틸도 만들어준다. - Ut.jsReplace ```java public static String jsReplace(String msg, String uri) { //메시지와 url 받음. if (msg == null) { msg = ""; } if (uri == null) { //null인 경우에 공란이 들어가게 해주지 않으면 null이 들어가버림 uri = ""; } return Ut.f(""" """, msg, uri); } ``` # 108강) replace로 이동하기 - 현재 doDelete의 메소드를 실행하면 그 후 뒤로 가기가 안됨. - /usr/article/detail?id=4 - 삭제시 이쪽으로 이동해야함 - /usr/article/doDelete?id=4 - /usr/article/list - 여기서 뒤로가기하면 안됨 ## 그래서 replace로 이동했음. ```java return Ut.f(""" """, msg, uri); ``` - getForPrintArticles # 109강) 기타 등등 자주 쓰이는 패턴을 클래스로 재사용화 하자. - 지금 우리 소스코드의 문제점 - HttpSession httpSession 많이 쓰임 - 기타 등등 자주 쓰이는 패턴을 클래스로 재사용화 하자. - 먼저 기존 컨트롤러의 매개변수와 내용을 수정한다. ```java // 이 내용은 삭제하고 public ResultData

doAdd(HttpSession httpSession, String title, String body) { boolean isLogined = false; int loginedMemberId = 0; // 이렇게 바꾼다 public ResultData

doAdd(HttpServletRequest req, String title, String body) { Rq rq = new Rq(req); //이게 핵심! // 세션객체는 서블릿리퀘스트 req를 통해서 얻는다. // 그러니까, Rq에 서블릿리퀘스트 요청 들어온거 넣어서 보내주면 // rq라는 클래스는 자주 사용되는 패턴을 가지고 있다가 // 리퀘스트가 가져온 것을 바탕으로 rq 리모컨을 통해 사용함. ``` 즉 기존 패턴이 클래스 내부로 들어가서 아래의 코드는 삭제됨. ```java 삭제한다 if (httpSession.getAttribute("loginedMemberId") != null) { isLogined = true; loginedMemberId = (int) httpSession.getAttribute("loginedMemberId"); } 여기까지 삭제. //if (isLogined == false) { 이건 다음과 같이 rq를 추가해서 게터로 가져온다 if (rq.isLogined() == false) { ``` - Rq 클래스를 만든다. ```java package com.sbs.exam.demo.vo; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpSession; import lombok.Getter; public class Rq { @Getter // 게터를 달았음으로 인해 자동으로 isLogined() 메소드가 히든되어 탄생함. // 그리고 이를 this로 가져온다. private boolean isLogined; @Getter private int loginedMemberId; public Rq(HttpServletRequest req) { //Rq클래스가 참조될 때마다 생성자 실행 // 서블릿리퀘스트 내부의 Session 받아서 HttpSession에 넣어줌. HttpSession httpSession = req.getSession(); // req를 통해 getSession얻을 수 있음. boolean isLogined = false; int loginedMemberId = 0; if (httpSession.getAttribute("loginedMemberId") != null) { isLogined = true; loginedMemberId = (int) httpSession.getAttribute("loginedMemberId"); } this.isLogined = isLogined; // 게터와 연결 this.loginedMemberId = loginedMemberId; } } ``` - 기타 다른 연속패턴 컨트롤러 메소드 내부 코드도 교체해주면 된다. - `Rq rq = new Rq(req);` # 110강) rq가 만들어지는 위치를 바꾸자 - 1 브라우저 - 2 서버 - 3 톰캣 - 4 톰캣내부 여러 앱 - 서블릿 - 컨트롤러 - 액션 doAdd 등 - 만약에 서블릿과 컨트롤러 사이에 rq를 만드는건 어떨까? - 현재는 컨트롤러 내부에서 계속 만드는중 - **그래서 컨트롤러 전에 실행되는 인터셉터가 필요.** - src/main/java/com/sbs/exam/demo/interceptor/BeforeActionInterceptor.java 만들어주자 ```java // 이건 복사해서 만들것! 힘들게 안외워도 됨 package com.sbs.exam.demo.interceptor; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.stereotype.Component; import org.springframework.web.servlet.HandlerInterceptor; @Component public class BeforeActionInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest req, HttpServletResponse resp, Object handler) throws Exception { System.out.println("실행되니?"); return HandlerInterceptor.super.preHandle(req, resp, handler); } } ``` # 111강) 이제 인터셉터에게 명령을 내려보자 - 먼저 다음의 파일을 만듬 - src/main/java/com/sbs/exam/demo/MyWebMvcConfigurer.java ```java package com.sbs.exam.demo; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.InterceptorRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; import com.sbs.exam.demo.interceptor.BeforeActionInterceptor; @Configuration // 스프링이 프로그램 최초 설정 후 public class MyWebMvcConfigurer implements WebMvcConfigurer { // beforeActionInterceptor 인터셉터 불러오기 @Autowired // 자동으로 한번 읽음 BeforeActionInterceptor beforeActionInterceptor; // 자동진행됨. //참고로 BeforeActionInterceptor 에도 @Component 붙여놔야함 // 이 함수는 인터셉터를 적용하는 역할을 합니다. @Override public void addInterceptors(InterceptorRegistry registry) { registry.addInterceptor(beforeActionInterceptor).addPathPatterns("/**").excludePathPatterns("/resource/**") .excludePathPatterns("/error"); //beforeActionInterceptor 인터셉터를 받아와라. // /**모든요청에 대해 실행해라 // /resource/** 이미지나 이런 정적요소에 대해선 작동하지 않아도 된다. // /error 에러에서도 작동할 필요 없다. } } ``` # 112강) RQ 객체를 이제 doADD에서 안만들고 BeforeActionInterceptor에서만듬 - req.setAttribute("rq",rq) - 각각의 컨트롤러, 그 컨트롤러당 액션이 있음 - 리퀘스트는 배송의 흐름 - *그 흐름 컨테이너가 HttpServletRequest req* - 일단 지금은 이렇게 각 메소드에 추가함 - RQ rq = (Rq)req.getAttribute("rq"); # 113) 인터셉터를 하나 더 만들자. NeedLoginInterceptor - src/main/java/com/sbs/exam/demo/interceptor/NeedLoginInterceptor.java - 그리고 MyWebMvcConfigurer를 패키지 이동하였음 - needLoginInterceptor을 MyWebMvcConfigurer 내에 써줌. ` needLoginInterceptor 인터셉터 불러오기 @Autowired NeedLoginInterceptor needLoginInterceptor; ` - NeedLoginInterceptor.java 구현 ```java package com.sbs.exam.demo.interceptor; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.stereotype.Component; import org.springframework.web.servlet.HandlerInterceptor; import com.sbs.exam.demo.vo.Rq; @Component public class NeedLoginInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest req, HttpServletResponse resp, Object handler) throws Exception { System.out.println("로그인 필요!!"); return HandlerInterceptor.super.preHandle(req, resp, handler); } } ``` - 그리고 MyWebMvcConfigurer.java 내부의 public void addInterceptors에 needLoginInterceptor 를 추가해줌. ```java registry.addInterceptor(needLoginInterceptor).addPathPatterns("/usr/article/write") .addPathPatterns("/usr/article/doWrite").addPathPatterns("/usr/article/modify") .addPathPatterns("/usr/article/doModify").addPathPatterns("/usr/article/doDelete"); ``` # 114) 남은 로그인 후 이용해주세요를 삭제했음 - 현재 인터셉터 순서 - beforeActionInterceptor - needLoginInterceptor - NeedLoginInterceptor에 if (!rq.isLogined()) 를 추가하자. ```java public class NeedLoginInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest req, HttpServletResponse resp, Object handler) throws Exception { // 삭제 System.out.println("로그인 필요!!"); Rq rq = (Rq) req.getAttribute("rq"); // 객체 생성자를 추가해줌. ``` ```java if (!rq.isLogined()) { rq.printHistoryBackJs("로그인 후 이용해주세요."); return false; // 문제가 있으면 더이상 진행이 안되고 돌아갑니다. } return HandlerInterceptor.super.preHandle(req, resp, handler); } ``` - BeforeActionInterceptor 도 약간 수정해준다. ```java public class BeforeActionInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest req, HttpServletResponse resp, Object handler) throws Exception { // Rq rq = new Rq(req); Rq rq = new Rq(req, resp); // resp 추가로 수정되었다. 이 안에서 리스폰스도 만들어야 하기 때문 req.setAttribute("rq", rq); return HandlerInterceptor.super.preHandle(req, resp, handler); ``` - 리스폰스를 위해 Rq 클래스도 수정하자 - src/main/java/com/sbs/exam/demo/vo/Rq.java ```java public class Rq { @@ -11,7 +16,13 @@ @Getter private int loginedMemberId; // 삭제 public Rq(HttpServletRequest req) { private HttpServletRequest req; private HttpServletResponse resp; public Rq(HttpServletRequest req, HttpServletResponse resp) { this.req = req; this.resp = resp; ``` - 그리고 드디어 같은 공간인 Rq클래스에 printHistoryBackJs 를 구현해준다. ```java public void printHistoryBackJs(String msg) { // 실현되었을 때의 자바스크립트를 구현해주자. resp.setContentType("text/html; charset=UTF-8"); // 한글 출력되게 해주자. println(""); } public void print(String str) { try { resp.getWriter().append(str); } catch (IOException e) { e.printStackTrace(); } } public void println(String str) { print(str + "\n"); } } ``` # 115강 - 입력데이터가 필요한 것은 폼이 필요함 - src/main/java/com/sbs/exam/demo/controller/UsrMemberController.java - 로그인창으로 연결되는 컨트롤러 ```java @RequestMapping("/usr/member/login") public String showLogin(HttpSession httpSession) { return "usr/member/login"; } ``` - 그리고 해당하는 로그인창(폼) `src/main/webapp/WEB-INF/jsp/usr/member/login.jsp` ```java <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ include file="../common/head.jspf"%>

${article.extra__writerName}
${article.id}	${article.regDate.substring(2, 16)}	${article.updateDate.substring(2, 16)}	${article.memberId}	${article.extra__writerName}	${article.title} ${article.title}
${article.id}	${article.regDate.substring(2, 16)}	${article.updateDate.substring(2, 16)}	${article.extra__writerName}	${article.title} ${article.title}

로그인아이디
로그인비밀번호
로그인

게시물 수정 게시물 삭제

<%@ include file="../common/foot.jspf"%> ``` - 공용 레이아웃도 수정 ```java 리스트 // 로그인 여부

로그인

로그아웃

``` # 116강 - 살고있는녀석 - 인터셉터 - 컨트롤러 - 서비스 - 리포지터리 <-> db송신 - jsp뷰 ## 최초실행은 인터셉터에서 실행됨. - 이유는 MyWebMvcConfigurer에서 정해줬기 때문이다. - `@configuration` 이것 이하에서 발생함. 일단 이것은 - `public calss A implements B{ ... }` - 스프링이 최초에 1회 위의 복잡한 정책으로 반영함. - 간단한 정책은 application.yml에서 반영됨 - `@Autowired`를 사용하면 해당 컴포넌트를 즉시 가져올 수 있다. ``` `@Autowired private ArticleService articleService;` ``` - new 없이 가져오는 것임. 예를들어 - `BeforeActionInterceptor beforeActionInterceptor; `를 다른 클래스에서 썼을 경우 - 위에 `Autowired`가 붙어있다면 일단 new를 안써서 만들고 - BeforeActionInterceptor의 클래스에 있는 생성자의 매개변수에는 아무거나 알아서 들어가서 실행해준다. - `public BeforeActionInterceptor(int a) `여기 a에... - 그것을 빈이라고 하는데 - 그것을 설정해주는 것이 `@Component @Service @Mapper `중 하나이다. ## 인터셉터.java는 청원경찰. - 일단 우리가 가진 클래스 Rq는 리퀘스트-받을편지와 리스폰스-보낼편지, 딸려있는 세션을 편하게 다루기 위해 만든 클래스였다. - 이것을 통합하여 다루는 것은 Rq 클래스이다. - 그것을 new로 인터셉터 안에서 생성하는데 - ***이것을 req.setAttribute를 해놓으면 모든 곳에서 접근이 가능하다.*** - ***인터셉터, 컨트롤러, jsp 등등 다른곳에서 rq가 쓰이는 이유는 인터셉터에서 Rq rq = new Rq(req,resp); 를 해놨기 때문이다.*** ## 인터셉터가 최초 실행될 수 있는 이유는 - MyWebMvcConfigurer에서 - public void addInterceptors(InterceptorRegistry registry) 에 있는 - registry.addInterceptor(beforeActionInterceptor)덕분이다. - addPathPatterns("/**")로 인해 무조건 한번 거치게 되어있기 때문. resource빼고. - 그러나 needLoginInterceptor은 정해진 경로가 있기 때문에 막 실행되지 않는다. ## 그다음엔 컨트롤러. - 참고로 showLogin에는 `@responceBody`가 없는데 - 이유는 저걸 써버리면 리턴에 주소가 그냥 주소 그대로 출력되기 때문. jsp 실행이 안된다. ## 그다음 jsp임 # 117강 - 우리는 데이터를 리퀘스트에 넣어놈 - 그리고 Rq는 리퀘스트 속성도 이제 가지고 있음 `Rq rq=(Rq).req.getAttribute("rq");` - 그리고 아래에 ``` if(rq.isLogined){ return Ut.jsHistoryBack("이미 로그인되었습니다.") } ``` - 로 수정해주면 됨. 로그인 여부 확인 - 그리고 세션을 다루는 것도 rq.login(); 로 해주면 됨. - `rq.login(member)` - 그러니까 rq가 리퀘스트 리스폰스를 대표하기 때문에... - 사용자가 세션같은 사용법을 몰라도 rq에게 건네줌 - src/main/java/com/sbs/exam/demo/vo/Rq.java 도 수정해주자 - 맨 위에 `private HttpSession session;` 를 추가해주고 ``` // 삭제 HttpSession httpSession = req.getSession(); // 추가 this.session = req.getSession(); boolean isLogined = false; int loginedMemberId = 0; // 삭제 if (httpSession.getAttribute("loginedMemberId") != null) { // 추가 if (session.getAttribute("loginedMemberId") != null) { isLogined = true; // 삭제 loginedMemberId = (int) httpSession.getAttribute("loginedMemberId"); // 추가 loginedMemberId = (int) session.getAttribute("loginedMemberId"); } ``` - 그리고 마지막에 ```java public void login(Member member) { session.setAttribute("loginedMemberId", member.getId()); } ``` - 하나 넣어줌. # 118강 - src/main/java/com/sbs/exam/demo/controller/UsrMemberController.java ```java @RequestMapping("/usr/member/doLogout") @ResponseBody /* doLogout 수정하기. 이제 rq 통해서 사용하자 public ResultData doLogout(HttpSession httpSession) { boolean isLogined = false; if (httpSession.getAttribute("loginedMemberId") == null) { isLogined = true; } */ public ResultData doLogout(HttpServletRequest req) { Rq rq = (Rq) req.getAttribute("rq"); // 삭제 if (isLogined) { if (rq.isLogined()) { // 추가. 모든 판단은 rq로 이뤄진다! return ResultData.from("S-1", "이미 로그아웃 상태입니다."); } // 삭제 httpSession.removeAttribute("loginedMemberId"); rq.logout(); return ResultData.from("S-2", "로그아웃 되었습니다."); } @RequestMapping("/usr/member/login") // 삭제 public String showLogin(HttpSession httpSession) { public String showLogin() { // 추가 return "usr/member/login"; } ``` ``` src/main/java/com/sbs/exam/demo/vo/Rq.java Rq 내부에 로그아웃 메소드 추가. 로그아웃 되었으므로 속성 삭제. public void logout() { session.removeAttribute("loginedMemberId"); } } ``` 119강 # 120강 - 게시물 수정 - 현재, NeedLoginInterceptor가 게시물 수정으로 가는 권한 체크 중이다. - 그리고 src/main/java/com/sbs/exam/demo/controller/UsrArticleController.java 에 이하 내용 추가 - 컨트롤러의 게시글 수정 ```java @RequestMapping("/usr/article/modify") // 해당 주소에 대해 발현 public String doModify(HttpServletRequest req, int id) { Rq rq = (Rq) req.getAttribute("rq"); Article article = articleService.getForPrintArticle(rq.getLoginedMemberId(), id); // article 이 존재하나요? if (article == null) { return Ut.jsHistoryBack(Ut.f("%d번 게시물이 존재하지 않습니다.", id)); } ResultData actorCanModifyRd = articleService.actorCanModify(rq.getLoginedMemberId(), article); //게시물 수정이 가능한 사람인가요? if (actorCanModifyRd.isFail()) { return Ut.jsHistoryBack(actorCanModifyRd.getMsg()); //String 리턴 형식을 위해 이렇게 사용함. } return "usr/article/modify"; //마지막에 이동하기 위해선 String 리턴형식이어야됨. 필수적. } ``` ## return "usr/article/modify"; //마지막에 이동하기 위해선 String 리턴형식이어야됨. 필수적. JSP까지 가는 길목 ## 리스폰스 바디를 쓰면 Article article = articleService.getForPrintArticle(rq.getLoginedMemberId(), id);에서 사용한걸 그대로 출력 ## 리스폰스 바디르 안쓰면 return "usr/article/modify";을 통해 JSP를 찾는 과정이 필요. - 그런데 우리는 마지막줄 return "usr/article/modify";을 꼭 해줘야한다. - 그러므로 중간에 있는 return Ut.jsHistoryBack(Ut.f("%d번 게시물이 존재하지 않습니다.", id)); 에서 오해가 발생 가능 - Ut.jsHistoryBack은 자바스크립트 바로 출력하는 기능. jsp까지 안감. - 즉 Ut.jsHistoryBack는 여기서 사용할 수가 없는 상태임. - 그러므로 이것을 rq.historyBackJsOnView로 바꿔줘야한다. ```java @RequestMapping("/usr/article/modify") // 해당 주소에 대해 발현 public String doModify(HttpServletRequest req, int id) { Rq rq = (Rq) req.getAttribute("rq"); Article article = articleService.getForPrintArticle(rq.getLoginedMemberId(), id); // article 이 존재하나요? if (article == null) { return rq.historyBackJsOnView(Ut.f("%d번 게시물이 존재하지 않습니다.", id)); } ResultData actorCanModifyRd = articleService.actorCanModify(rq.getLoginedMemberId(), article); //게시물 수정이 가능한 사람인가요? if (actorCanModifyRd.isFail()) { return rq.historyBackJsOnView(actorCanModifyRd.getMsg()); //String 리턴 형식을 위해 이렇게 사용함. } return "usr/article/modify"; //마지막에 이동하기 위해선 String 리턴형식이어야됨. 필수적. } ``` - 그리고 src/main/java/com/sbs/exam/demo/vo/Rq.java 에다가 - historyBackJsOnView 메소드 만들어줌 ```java public String historyBackJsOnView(String msg) { req.setAttribute("msg", msg); req.setAttribute("historyBack", true); // historyBack을 true로 바꿔줌. JSP에서 쓸 수 있는 데이터 넘기는 방식 return "common/js"; ``` - 이러면 src/main/webapp/WEB-INF/jsp/common/js.jsp 가 실행됨. - src/main/webapp/WEB-INF/jsp/common/js.jsp 를 구현해주자 - jsp > common > js.jsp를 만들어줌 ```js <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> ``` # 정리 - 즉 return "usr/article/modify"때문에 ResponsBody를 쓸 수가 없다. - 로그인 체크는 NeedLoginInterceptor 믿고 doModify 메소드에서는 체크하지 않는다. - 거기서 로그인처리 되었음 --- - BeforeActionInterceptor 로 인해서 doModify 메소드 안에서 Rq rq = (Rq) req.getAttribute("rq"); 사용이 가능하다. - 그런데 `@ResponseBody` 가 없으면, 쓰지 않았다면 모든 리턴은 JSP를 찾는 리턴으로 바뀐다. - 그래서 doModify 메소드 내부에서 그냥 스트링을 출력할 수가 없다. - 수정내역을 보면 중간에 있는 ```java return rq.historyBackJsOnView(Ut.f("%d번 게시물이 존재하지 않습니다.", id)); return rq.historyBackJsOnView(actorCanModifyRd.getMsg()); ``` - 이 녀석들은 JSP로 가게 될 것이고, 대신 자바스크립트를 사용한다. 그것은.. ```java public String historyBackJsOnView(String msg) { req.setAttribute("msg", msg); req.setAttribute("historyBack", true); // historyBack을 true로 바꿔줌. JSP에서 쓸 수 있는 데이터 넘기는 방식 return "common/js"; ``` - 여기 리턴값에서 해줬음. - 그러면 이제 common/js에서 작동이 되는 것이다~! # 121강 - showModify를 만들어주자(수정폼) (위의 String doModify를 수정해서 만들기 때문에 122강에서 남아있는 ResultData doModify를 한번 더 수정해줌.) - src/main/java/com/sbs/exam/demo/controller/UsrArticleController.java ```java @RequestMapping("/usr/article/modify") public String showModify(HttpServletRequest req, Model model, int id) { Rq rq = (Rq) req.getAttribute("rq"); Article article = articleService.getForPrintArticle(rq.getLoginedMemberId(), id); if (article == null) { return rq.historyBackJsOnView(Ut.f("%d번 게시물이 존재하지 않습니다.", id)); } ResultData actorCanModifyRd = articleService.actorCanModify(rq.getLoginedMemberId(), article); if (actorCanModifyRd.isFail()) { return rq.historyBackJsOnView(actorCanModifyRd.getMsg()); } model.addAttribute("article", article); return "usr/article/modify"; } ``` - showModify 기능이 준비되었으니 return JSP 를 위해 jsp 만들어줌 - src/main/webapp/WEB-INF/jsp/usr/article/modify.jsp ```java <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ include file="../common/head.jspf"%>

번호	${article.id}
작성날짜	${article.regDate.substring(2, 16)}
수정날짜	${article.updateDate.substring(2, 16)}
작성자	${article.extra__writerName}
제목
내용	${article.body}
수정

게시물 수정 게시물 삭제

<%@ include file="../common/foot.jspf"%> ``` # 122강 - 현재까지 수정내용 흐름 - `/usr/article/modify `방문 - showModify 실행 - actorCanModifyRd확인. historyBackJsOnView 발현 여부 결정. 발현되면 return "common/js"; 로 이동 - 아니라면 jsp에 article 가져가서 수정 사용. - model.addAttribute("article", article); - return "usr/article/modify"; # 124강 ```css body{ min-width:800px; } ``` # 125강) 게시물 작성 폼 만들기 - 맨처음 BeforeActionInterceptor에서 MemberService까지 구해다가 넣어줌. 왜냐? 만약에 세션에 아이디가 있으면 그 아이디를 이용해서 loginedMember를 구한다. loginedMemberId = (int)ssion.getAttribute("loginedMemberId"); loginedMember = memberService,getMemberById(loginedMemberId); 그후 req.setAttribute("rq",rq)를 해주면 모든 attribute에서 rq를 사용할 수 있음 -컨트롤러 showModify를 복사해서 write를 만듬. 리퀘스트맵핑은 /usr/article/write write.jap 만들어줌 action은 doWrite 기존 Rq.java에 loginedMember가 없다. 게터에 추가해줌. beforeActionInterceptor에 Autowired와 private MemberService memberService도 추가해줌. 아래 오버라이드 Rq rq = new Rq(req, resp, 여기에 memberService)추가 memberService.getMemberById(loginedMemberId)를 Rq.java의 if문에 추가. Member loginedMember = null;도 public Rq에 추가해줌. # 132 ## ***repository의 sql문 안에서 자바의 if문을 써주고 싶다면 ``로 감싸줘야함. 그 후 ``써줄 것*** # 135강 ``` private ArticleService articleService; private BoardService boardService; ``` - 이것들은 요청에 따라 만들어질 필요가 없음 - 하지만 Rq객체는 매번 요청마다 만들어져야됨. - 135강에서는 - 1 인터셉터에서 하던 Rq객체의 new 생성을 없앰 ``` 기존에는 비포인터셉터에서 Rq rq = new Rq(req, resp, memberService); // Rq를 만들고 req.setAttribute("rq", rq); // req에 rq를 집어넣었음. ``` - 그러나 이젠 모두 삭제하였음. - 2 스프링의 의존성 주입을 시행함 - class Rq를 수정 ``` @Component // 자동으로 의존성주입이 시행됨. @Scope(value = "request", proxyMode = ScopedProxyMode.TARGET_CLASS) // 싱글톤. 객체가 하나만 존재하는 것이 아니라 각 리퀘스트당 존재해야한다. public class Rq { ``` - 이제는 rq객체가 자동으로 생성된다. - 마지막으로 Rq클래스에 `this.req.setAttribute("rq", this);` 를 추가해줌으로서 기존의 req.setAttribute("rq", rq)를 대체함. # 138강 - 컨트롤러 - board에 값이 안들어가는 경우가 있음. - 이럴 때 - `@RequestParam(defalutValue=1) int boardId` - 를 메소드 매개변수로 써주면 기본적으로 들어감. - 마찬가지로 intPage도 없으면 1 넣어주세요 - 그 후 변수 만들어줌 - int itemsCountInAPage = 10; - 그리고 getForPrintArticle에 매개변수로 넣어줌 ===== # 139강 ```java 에서 step='1'은 생략 가능하다. ${i} ``` jsp에서 param.page는 주소창에서 ?page=에 한번에 접근이 가능한 특수기법 ===== # 140강. 페이징 - int pagesCount = (int)Math.ceil((double)articlesCount / itemsCountInAPage); - 페이징을 위한 반올림 - double로 실수형으로 바꿈 - int로 형변환. 리턴형으로 ㅏ꿈. - - Math.ceil은 올림처리기법 ===== # 141강. 전체 페이지 길이 확인 기능 - 전체 페이지 길이 확인 용도로 pageMenuArmLen을 만들어줌. ```java ``` - 현재 페이지 기준 좌 - 우 길이 셋팅하여 보여줌. - 현재페이지 좌 우 기준으로 첫, 끝페이지가 안보이게되면 [처음-마지막으로] 기능 붙여줌 ===== # 142강. uri에 boarderId 추가 - 리스트 jsp에서 a href에 page뿐만 아니라 boarderId도 추가하여 카테고리의 유지를 구현 ===== # 143강 데이지 UI 라이트모드 - 데이지 UI에서 다크모드의 해제가 가능하다. `` - jsp 추가로 운영체제의 다크모드와 상관없이 라이트모드로 바꿔놓음. ===== # 144강. 게시물 개수 세기 - searchKeyword에 쿼리스트링 값 부여시 검색 결과 구현. - 컨트롤러 - showList에 매개변수 추가해줌 - `String searchKeywordTypeCode` - `String searchKeyword` - 미입력시에는 디폴트값을 부여한다. `@RequestParam(defaultValue = "") String searchKeyword` - 검색과 관련된 매개변수를 게시물 카운트 메소드에도 부여해주자. `int articlesCount = articleService.getArticlesCount(boardId, searchKeywordTypeCode, searchKeyword);` - 이후 서비스 수정해주고 데이터 쿼리문을 검색에 맞게 수정해준다. `public int getArticlesCount(int boardId, String searchKeywordTypeCode, String searchKeyword) { return articleRepository.getArticlesCount(boardId, searchKeywordTypeCode, searchKeyword);` - 리포지토리 데이터쿼리문도 수정. - LIKE 검색구현을 위해 %를 적절히 합쳐지게 해준다. - `%'검색어'%` 가 아니라 - `'%검색어%' `가 되어야함 - CONCAT를 적절히 활용해준다. ===== # 145강. 게시물 출력 - 144강에서 개수세기 했으니까 - 145강에서는 해당 게시물 출력을 구현해야함. - 145강에서는 표출을 해줘야함. ===== # 146강 - table-fixed ```html ``` - 테이블이 픽스되고 내용물이 맞춰짐 - `block >> w-full >> truncate` - 너비 넘어가는 내용 자르기 ===== # 147. jsp - selected에는 기본 value에 jsp 넣어도 selected되지 않는다. 자바스크립트를 써줘야함. common.js `$('select[data-value]')` ```js $('select[data-value]').each(function(index, el) { const $el = $(el); const defaultValue = $el.attr('data-value').trim(); if ( defaultValue.length > 0 ) { $el.val(defaultValue); } }); ``` - 데이터 벨류 속성을 가진 모든 녀석을 검색한다. - .each 각각 검색 - index 순번 - el 엘리먼트 - defer 걸린것 가장 마지막에 실행됨. (common.js) - .trim() 공백제거 ===== # 148강 sqlYOG를 들어가서 조회수를 추가 - 조회수를 위해서 DB 수정 - sqlYOG를 들어가서 조회수를 추가하자 - 아티클 모델에 조회수 hitcount 추가 - 컨트롤러 - ResultData increseHitCountRd = articleService.increseHitCount추가 - 리포지토리 - public int increasHitCount(int id)추가 - @ToString @ToString 어노테이션을 붙이고 필드를 세팅 후 출력하면 -> 클래스명(필드1명=필드1값,필드2명=필드2값,...) 식으로 출력 ``` @ToString public class ResultData

{ @Getter private String resultCode; @Getter private String msg; @Getter private String data1Name; @Getter private DT data1; @Getter private String data2Name; @Getter private Object data2; ``` ## ArticleService - 업데이트로부터 영향을 받은 row의 개수 출력 - data1Name = affectedRowsCount, data1=영향받은행숫자) - 없는 페이지에 접근 할 경우 - affectedRowsCount가 0인 경우에 따라서 ResultData를 통해 해당 게시물 부재 알람 ```java if (affectedRowsCount == 0) { return ResultData.from("F-1", "해당 게시물이 존재하지 않습니다.", "affectedRowsCount", affectedRowsCount); } ``` ```java ResultData increaseHitCountRd = articleService.increaseHitCount(id); // 조회수 증가와 해당 게시물 존재 여부까지 처리 ``` ``` if ( increaseHitCountRd.isFail()){ return rq.historyBackJsOnView(increaseHitCountRd.getMsg()); } ``` # 151강 - resultCode로 오는 조회수 증가 성공 답장 - data 1으로 현재 조회수가 오고 있음 - public ResultData doIncreaseHitCountRd(int id) 에서 기존 ResultData 리턴을 `return ResultData.newData(increaseHitCountRd, "hitCount", articleService.getArticleHitCount(id));` - 에서 아래로 수정해줌 ``` ResultData rd = ResultData.newData(increaseHitCountRd, "hitCount", articleService.getArticleHitCount(id)); rd.setData2("id", id); return rd; ``` - `src/main/java/com/sbs/exam/demo/vo/ResultData.java`에 다음도 추가 ``` public void setData2(String dataName, Object data) { data2Name = dataName; data2 = data; } ``` # 152강. 로컬스토리지를 이용해서 브라우저가 한번 읽은 게시물에 대해서는 조회수 증가 요청 안함 - localStorage - 브라우저 기록지우기를 하지 않는 이상 계속 남아있는 값. - detail jsp 내부의 function ArticleDetail__increaseHitCount() 이하 내용 추가 ``` const localStorageKey = 'article__' + params.id + '__viewDone'; if ( localStorage.getItem(localStorageKey) ) { return; } localStorage.setItem(localStorageKey, true); ``` - 로컬스토리지를 이용해서 브라우저가 한번 읽은 게시물에 대해서는 조회수 증가 요청 안함 # 153. 크롬 활용법 - F12 - 어플리케이션 - 로컬스토리지 - 네트워크 > 통신내역 - ALL 모든것나옴 - AJAX만 : FETCH/XHR - 통신 다시보내기 > 우클릭 > REPLAY XHR - HEADER 내가 보낸 정보들 (방식:GET. 결과 200, 받은결과, 디저블캐시(기존정보남기기)) # 155. td를 th로 바꾸면 한 열이 스크롤시 계속 따라감 === # 156강 리포지토리에서 비교기호 대신 gt와 lt 사용 mybatis에서는 `> 이건 >` `< 이건 <` # 157 getArticles 순수하게 게시글 객체 반환 이름 변경 getForPrintArticles 추가 데이터 반환 이것으로 이름 변경. # 158(좀 지저분한 코드 발생) src/main/java/com/sbs/exam/demo/service/ArticleService.java return articleRepository.getSumReactionPointByMemberId(id, actorId) == 0; 연계 src/main/webapp/WEB-INF/jsp/usr/article/detail.jsp # 159 158강 방식을 개선. 너무 지저분함 칼럼 두개 추가 ALTER TABLE article ADD COLUMN goodReadtionPoint INT(10) UNSIGHED NOT NULL DEFAULT 0; ADD COLUMN badReadtionPoint INT(10) UNSIGHED NOT NULL DEFAULT 0; # 160 158강 방식 개선 진행 sql쿼리문 수정 현재 주소창에 http://localhost:8011/usr/article/detail?id=2 이걸 했을 경우 http://localhost:8011/usr/article/doIncreaseHitCountRd?id=2 이게 은밀하게 실행되어야함 script 태그의 location.href로 이동하면 따닥! 이동되는데 우리가 원하는건 아님. 우리는 http://localhost:8011/usr/article/detail?id=2 이후에 http://localhost:8011/usr/article/doIncreaseHitCountRd?id=2 이게 실행되서 다시 http://localhost:8011/usr/article/detail?에 자동반영되길 기대함. 우리는 iframe 을 사용할 것임. 웹브라우저 안의 웹브라우저 개념 적용해보면 적용보다 테이블이 한단계 느리게 반응하는 것을 느낌. 그래서 ajax를 써줄 것임 jsp 상당에 기입 ===== # 160 클래스 reactionPointService 하나 만듦 showdetail의 articleService로 가던 actorCanMakeReacitonPoint를 reactionPointService로 옮김. actorCanMakeReacitonPoint는 지움. reactionPoint는 게시물과 이후 댓글에도 관여. # 162 좋아요 관련 인터셉터 추가. 컨트롤러 파일 새로 생성. replaceUri 추가(돌아갈 곳) 서비스 추가. - 리포지토리로 액션 시행 요청 - 리포지토리에서 대상 게시물 개수 가져옴 - ResultData로 결과 메시지 출력 리포지토리 추가 Rq에 String getCurrentUri 추가 Rq에 String getEncodedCurrentUri 추가 - 현재 uri를 uriEncoded를 통해서 가져온다. jsp에서 uri안에 uri쓸 때는 인코딩된 것을 써야만 한다ㅏ. # 163 리포지토리 기존에 actorCanMakeReactionPoint는 좋아요 권한이 있는지 없는지의 차이. 그러나 여기서 getSumReactionPointByMemberId로 바꿈. 서비스의 actorCanMakeReactionPoint는 ResultData로 바꿔줌. 권한 가능 결과를 알려주기위해 메시지 출력할 것임 중간정리 ResultData actorCanMakeReationPointRd model.addAttribute("actorCanMakeReactionPoint", actorCanMakeReactionPointRd.isSuccess()) 좋아요 가능한가? 만약 실패라면 if(actorCanMakeReactionPointRd.getResultCode().equal("F-2")) 실패 사유중 F-2라면 양수라면 내가 이미 좋아요 음수라면 내가 이미 싫어요 # 164 좋아요 싫어요 취소처리 head.jspf rq.loginedMember.nickname을 통해 사용자 표출 및 herf를 사용자 정보 수정페이지로 이동 서비스 doGoodReaction 을 복붙해서 수정 리액션컨트롤러에도 복붙해서 만들어줌 doCancelGoodReaction을 만들어주는데 중요한 것은 내가 리액션을 취소 하러 옴. 그런데 이미 리액션이 없다? 그럼 이건 actorCanMakeReactionPointRd.isSuccess() 가 true여야함. false인 경우에만 좋아요 취소가 시작됨. 좋아요 취소 나빠요 취소 둘다 만들어줌 String doCancelGoodReaction String doCancelBadReaction # 167 자바스크립트 포매터 설정 자바스크립트로 댓글 달 때 기준 설정 자바스크립트로 댓글 등록 여부 설정(한번에 5개씩 등록 안되게) # 168 댓글 컨트롤러 댓글 서비스 댓글 리포지토리 # 169강 댓글 클래스 만들기 리포지토리 만들기 # 170강 sqlYOG 리플리 테이블 --> 인덱스 --> 컬럼에서 relTypeCode , relId 선택 일종의 트리거가 됨 where절에서 relTypeCode , relId 순서대로 검색하는 일이 생기면 알아서 풀스캔에서 색인탐색으로 바뀜 select앞에 explain을 쓰면 대략적인 설명이 나옴. 거는 쿼리문은 ```ALTER TABLE `table1` ADD INDEX (`coloum1` , `coloum2`);``` # 176 마이페이지 멤버컨트롤러에 만듦 바디가 없어야 jsp로 감 177 needLoginInterceptor에 필요한 url 대해서 addPathPatterns myPage.jsp에 이하 내용 추가 ```java 회원정보수정``` 회원정보 수정을 하면 먼저 checkPassword를 들렸다가 replaceUri로 감 이걸 쓰려면 Ut.getUriEncoded 가 필요하고 ```<%@ page import="com.sbs.exam.demo.util.Ut" %>``` 해줘야함. # 179 ## class input-borederd --- ## type = tel --- ```java --- ' --- MemberModify__submitDone = true; form.submit(); } ``` # 181 // # 182 // 회원번호 수정 전 비밀번호 체크 시 인증코드 생성 get 있는 것을 가져와라 여기선 메소드 오버로딩을 통해 두가지 기능으로 만들어놓음 1. relTypeCode, relId, typeCode, type2Code 받기 2. 한번에 받기 set 변수를 받는다 gen 없는 것을 생성해라 부가정보테이블만듦 ADD INDEX UNIQUE INDEX (`A`,`B`,`C`,`D`) 네개의 조합이 같을 수는 없다. 같은게 있으면 ON DUPLICATE KEY 가 발생한다 넣으려는 시도를 했는데 혹시 있다면 ON DUPLICATE KEY 밑에 명시된 값만 바뀐다.\ # 183 정확한 정보 없이 오면 쫒아내기 historyBackJsOnView는 @ResponseBody 없을 때 사용하게 만들어짐 @ResponseBody 있을 때는 jsHistoryBack을 쓴다 # 189 ~ 192강 토스트 UI에디터를 프로젝트에 적용 jsp에 원문 적용시에는 ${article.body}로 바꿔줌 자세한 코드는 직접 git 확인해봐야 함 # 193강 특정 CSS때문에 토스트 ui의 기본 내용과 테이블 내용 폰트가 다르게 나옴 바꿔주는 코드는 깃에 있는 코드 확인할 것. # 194강. 로그인 안되면 돌아가는 위치 바꾸기 NeedLoginInterceptor의 preHnadle 수정 기존의 rq.printHistoryBackJs는 로그인후 이용 요청 출력 + 돌아가기임 rq.printReplaceJs로 돌아가는 위치를 로그인 화면으로 바꿔줌 # 195강. 문전박대 당하고 원래 가려던 페이지 기억. 주소안에 주소 쓰려면 url incoding 해줘야함 하나. preHandle안에 afterLoginUri 만들어줌. String afterLoginUri = rq.getEncodedCurrentUri(); 둘. rq.printReplaceJs로 uri에 다음 주소를 같이 넘겨줌 ../member/login?afterLogin=" + afterLoginUri 여기까지 하면 afterLoginUri에 이전 페이지 붙어서 주소창에 기입됨 셋. login.jsp에 히든인풋타입 만들어주고 주소창 내용 받아옴 받아올 때는 param.afterLoginUrl로 받아오고 히든폼 네임은 afterLoginUri임 넷. 받아온 것을 doLogin의 매개변수 마지막에 받아줌 @RequestParam(defaultValue = "/") String afterLoginUri 마지막에 afterLoginUri를 rq.jsReplace에 다시 넘겨줌 # 197강 JSP에서 `${!rq.islogined()}` 는 `$(rq.logined}`이렇게 써도 됨 # 198강. 로그인 후 돌아갈 수 없는 페이지는 제외해주기 ```java public String getAfterLoginUri() { String requestUri = req.getRequestURI(); System.out.println("requestUri : " + requestUri); return getEncodedCurrentUri(); } ``` ```java Map getParamMap(매개 request) //매개 리퀘스트 꺼네서 맵형태로 바꿔서 리턴해줌 String requestUri = req.getRequestURI(); switch (requestUri) { case "/usr/member/login": // 현재 로그인 페이지라면 이미 나는 주소창에 afterLoginUri를 가지고 있음 case "/usr/member/join": case "/usr/member/findLoginId": case "/usr/member/findLoginPw": return Ut.getUriEncoded(paramMap.get("afterLoginUri")); //기존에 가지고 있던 afterLoginUri를 리턴해라. 이렇게 하지 않으면 주소창에 afterLoginUri가 클릭 할 때마다 계속 늘어난다. getUriEncoded는 uri 관련된 것이니까 해줘야하고. } ``` # 204강 ```java return false를 쓰면 폼 전송이 안되고 submitJoinForm(this) 함수가 대신 실행됨. this는 해당 폼 밑의 인풋밸류

@@ -104,7 +134,9 @@

로그인아이디	type="text" placeholder="로그인아이디" onkeyup="checkLoginIdDup(this);" autocomplete="off" /> --- ``` 컨트롤러에서 get으로 시작하는 것은 보통 ajax임