티스토리

so woon!
검색하기

블로그 홈

so woon!

xowoony.tistory.com/m

웹개발 공부 기록

구독자
9
방명록 방문하기

주요 글 목록

  • 닉네임 변경하기 학습일 : 2022. 01. 10 MemberMapper.xml 유저의 정보를 email 기준으로 select 해온다. 그리고 유저 정보 업데이트 확인을 위해 update 쿼리도 작성해준다. SELECT `email` AS `email`, `password` AS `password`, `nickname` AS `nickname`, `name` AS `name`, `contact` AS `contact`, `address_postal` AS `addressPostal`, `address_primary` AS `addressPrimary`, `address_secondary` AS `addressSecondary`, `registered_on` AS `registeredOn` FROM `etb_member`.. 공감수 0 댓글수 0 2023. 1. 10.
  • 회원탈퇴 구현 학습일 : 2022. 12. 28 delete.html 탈퇴하기 페이지에 들어왔을 경우 유저에게 본인의 이메일과 패스워드를 입력하게 한 뒤 그것이 실제로 DB에 있는 유저의 이메일, 패스워드와 일치하는지를 체크한 후 일치했을 경우 탈퇴가 진행되도록 구현할 것이다. 따라서 html상에 form 태그를 열어주고 input 태그 안에 name 속성으로 email, password를 부여해주었다. 탈퇴하기 회원탈퇴 그동안 잔이비어를 이용해주셔서 감사합니다. MemberMapper.xml xml 상에서는 email 값을 기준으로 select 해올 값들은 이메일 인증했을때의 쿼리를 그대로 사용하면 될 것 같아서 그대로 사용하였고, delete 쿼리는 아래와 같이 추가하였다. 유저의 email을 기준으로 그에 해당하.. 공감수 0 댓글수 0 2022. 12. 28.
  • 디렉토리 경로 인식 백그라운드 이미지를 css로 적용해주었는데 적용이 안되는 문제가 발생하였다. 이유는 경로 중 디렉토리가 인식이 안되었기 때문이다. 해결방법은 Ctrl+Alt+Shift + S Project Structure에 들어가서 Web 클릭 Web Resource Directories 에서 + 를 누르고 해당 이미지가 들어있는 디렉토리(나는 static을 추가시킴)를 클릭하고 추가를 해주면 스프링부트가 그 디렉토리를 인식하기 시작한다 이대로 적용해주게 되면 css 백그라운드 이미지 적용시 url에 /resources/static/images/어쩌고파일 라고 적지 않아도 되고 아까 추가해주었던 디렉토리였던 static 까지는 생략하고 그 뒤인 /images/어쩌고파일 만 적어주면 된다. 공감수 1 댓글수 0 2022. 12. 15.
  • 페이징 구현 학습일 : 2022. 11. 30 페이징을 위해 base에 models라는 디렉토리를 하나 새로 생성한 뒤 PagingModel 이라는 이름의 클래스를 생성 PagingModel.java 31------ 36 ------- 40 표시 s p e 이런식으로 나오게 구현을 해야 하기 때문에 앞서 선생님이랑 같이 풀어본 페이징 관련 공식들인 페이징(Paging) 혹은 페지네이션(Pagination) [ c ] 페이지 당 표시할 게시글의 수 10 [ p ] 요청한 페이지 번호 Assert >= 1 [ t ] 전체 게시글의 개수 DB가 [ n ] 이동 가능한 최소 페이지 1 [ x ] 이동 가능한 최대 페이지 t / c + ( t % c == 0 ? 0 : 1) (t -1) / c + 1 성능에 유리 ===> 이.. 공감수 1 댓글수 1 2022. 11. 30.
  • 댓글 삭제하기 구현 BbsMapper.xml 가장 먼저 작성자가 작성한 댓글의 index 정보가 필요하기 때문에 select 쿼리를 이용하여 `study_bbs`.`comments` 테이블을 select 하고 index 값을 가져온다. 다음으로, 댓글 삭제를 위해 delete 쿼리를 이용한다. 댓글 삭제의 경우 반환 타입이 필요가 없기 때문에 resultType을 적지 않는다. SELECT `index` AS `index`, `comment_index` AS `commentIndex`, `user_email` AS `userEmail`, `article_index` AS `articleIndex`, `content` AS `content`, `written_on` AS `writtenOn` FROM `study_bbs`.`.. 공감수 1 댓글수 0 2022. 11. 27.
  • 댓글 수정하기 구현 BbsMapper.xml 수정하기를 위해 update 쿼리를 사용한다. CommentEntity 타입으로 전달받아야 하기 때문에 parameterType을 아래와 같이 작성한다. UPDATE `study_bbs`.`comments` SET `comment_index` = #{commentIndex}, `user_email` = #{userEmail}, `article_index` = #{articleIndex}, `content` = #{content}, `written_on` = #{writtenOn} WHERE BINARY `index` = #{index} LIMIT 1 IBbsMapper.java (인터페이스) int updateComment(CommentEntity comment); Comment.. 공감수 1 댓글수 0 2022. 11. 27.
  • 게시글에 댓글 달기 구현 CommentVo.java 먼저 CommentVo를 만들어준다 CommentVo는 CommentEntity를 상속받으며 상속 받은 것들에 추가적으로 userNickname을 추가한다. 게시글 읽기 + DB에 인서트 하기 에서 ArticleReadVo를 만들어 줬던 것과 같은 맥락임. 그리고 getter & setter 추가 package dev.xowoony.studymemberbbs.vos.bbs; import dev.xowoony.studymemberbbs.entities.bbs.CommentEntity; public class CommentVo extends CommentEntity { private String userNickname; private boolean isSigned; private .. 공감수 1 댓글수 5 2022. 11. 27.
  • 게시글 읽기 + DB에 인서트 하기 학습일 : 2022. 11. 21 게시판 글쓰기에 이어 글쓰기에 성공했을 경우 바로 그 게시글로 이동하도록 구현 할 것이다. 가장 먼저 ArticleEntity를 상속 받은 후 닉네임을 가져오는 작업을 위해 아래와 같이 해당 경로에 ArticleReadVo.java를 만들어준 후 ArticleReadVo.java private String userNickname; 작성후 Alt+Insert => getter and setter 생성 ArticleReadVo 는 ArticleEntity를 상속받으며 상속 받은 후 userNickname을 추가하도록 한다. package dev.xowoony.studymemberbbs.vos.bbs; import dev.xowoony.studymemberbbs.entitie.. 공감수 1 댓글수 0 2022. 11. 21.
  • 게시판 글쓰기 구현 + DB에 인서트 하기 학습일 : 2022. 11. 17 BbsMapper.xml SELECT `id` AS `id`, `text` AS `text` FROM `study_bbs`.`boards` WHERE BINARY `id` = #{id} LIMIT 1 INSERT INTO `study_bbs`.`articles` (`user_email`, `board_id`, `title`, `content`, `view`, `written_on`,`modified_on`) VALUES (#{userEmail}, #{boardId}, #{title}, #{content}, #{view}, IFNULL(#{writtenOn}, DEFAULT(`written_on`)), IFNULL(#{modifiedOn}, DEFAULT(`modified.. 공감수 3 댓글수 0 2022. 11. 17.
  • 게시판 글쓰기 구현 오늘 배운 내용 @SessionAttribute [Variable] : 어떠한 값을 세션 저장소로 부터 불러온다. value : 불러올 값의 쌍에 대한 키(이름)이다. HttpSession 타입의 객체에 setAttribute(n, v) 메서드 호출시 적었던 이름(n) 과 같아야 한다. required : 세션에서 불러올 값이 필수인가에 대한 여부이다. 기본값은 true이다. 이 값이 true 일때 세션에서 해당 변수를 불러올 수 없다면 400 (Bad Request) 오류가 발생한다. Bbs로 새로 생성 BbsControllor.java package dev.xowoony.studymemberbbs.controllers; import dev.xowoony.studymemberbbs.entities.me.. 공감수 1 댓글수 0 2022. 11. 14.
  • 이메일 찾기 구현 recoverEmail.html 이메일 찾기 이름 연락처 연락처 recoverEmail.css @charset "UTF-8"; /*큰 틀*/ #form { width: 100%; max-width: 40rem; align-items: stretch; display: flex; flex-direction: column; justify-content: flex-start; margin: 5rem 2rem; } #form > .title-container { margin-bottom: 3rem; } #form > .title-container > .title { font-size: 2rem; font-weight: 500; } #form > .table { width: 100%; max-width: 30rem.. 공감수 1 댓글수 0 2022. 11. 13.
  • 비밀번호 재설정 구현2 String MemberController .patchRecoverPassword (EmailAuthEntity emailAuth, UserEntity user) Enum result = this.memberService.recoverPassword(emailAuth, user); JSONObject responseObject = new JSONObject(); responseObject.put("result", result.name().toLowerCase()); return responseObject.toString(); } MemberService.java @Transactional public Enum 공감수 0 댓글수 0 2022. 11. 13.
  • 비밀번호 재설정 구현 학습일 : 2022. 11. 09 MemberController.java @Controller @RequestMapping(value = "/member") public class MemberController { private final MemberService memberService; @Autowired public MemberController(MemberService memberService) { this.memberService = memberService; } @RequestMapping(value = "recoverPassword", method = RequestMethod.GET, produces = MediaType.TEXT_HTML_VALUE) public ModelAndView ge.. 공감수 1 댓글수 0 2022. 11. 13.
  • 로그인 페이지 구현 학습일 : 2022. 11. 10 문제 @ResponseBody String MemberController.postLogin(UserEntity user) 주소 : /member/login 방식 : POST 응답 : MediaType.APPLICATIOM_JSON_VLAUE 기타 : XHR 요청에 대한 응답을 하기 위해 존재하는 매핑 로직 : MemberService.login(...) 메서드 호출 결과에 따라 응답은 따로하지 않고 (return null;) 서비스가 반환하는 값에 따라 단순히 System.out.println(...)을 활용하여 로그인 성공 or 실패 여부를 출력. Enum result = this.memberService.login(user); JSONObject responseObj.. 공감수 0 댓글수 0 2022. 11. 12.
  • 암호화 CryptoUtils 암호화를 하기 위한 CryptoUtils를 생성 package dev.xowoony.studymemberbbs.utils; import dev.xowoony.studymemberbbs.entities.member.UserEntity; import java.nio.charset.StandardCharsets; import java.security.MessageDigest; import java.security.NoSuchAlgorithmException; // 1. hashSha512 메서드 로직 완성하기 // -input으로 "test1234" 들어오면 "2bbe~9뭐시기가"반환되게 // - 이 메서드는 throws 시그니처를 사용하지 않음. 고로 NoSuchAlgorithmException 발생시 nu.. 공감수 0 댓글수 0 2022. 11. 8.
  • 비밀번호 해싱 비밀번호 해싱 memberService에 작성해준다. 회원가입, 로그인할때, 비밀번호 재설정 시에 해야하며 보통 많이 쓰이는 경우에는 유틸리티에 따로 빼놓는게 좋다. // 해싱 (비밀번호) StringBuilder passwordHashBuilder = new StringBuilder(); MessageDigest md = MessageDigest.getInstance("SHA-512"); md.update(user.getPassword().getBytes(StandardCharsets.UTF_8)); for(byte hashByte : md.digest()){ passwordHashBuilder.append(String.format("%02x", hashByte)); } user.setPassword(.. 공감수 0 댓글수 0 2022. 11. 8.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.