Spring 썸네일형 리스트형 TeamProject Code Review 1 1. HomePage 홈페이지를 만들기에 앞서 가장 어려웠던 부분은 Header Hover처리하는 부분이였다. hover시 아래에 title 세부사항이 표시되게 만들려고 하는데 Css지식이 부족하다는 것을 느낄수 있었다. 물론 임의로 값을 지정하여 밑에 끼워 넣는것은 쉬웠지만 반응형으로 제작하는것이 어려웠다는 뜻이다. 이부분을 해결하면서 느꼈던 점은 개발자는 만들다가 도저히 못고치겠거나 더이상의 진전이 없을때는 과감하게 다시 만들 부분도 필요하다고 생각했다. 기존에 짜고있던 코드에서 고치려고 하니까 도저히 방법이 생각이 나지 않아서 다르게 접근을 하니 다행스럽게도(?) 원하는 결과물을 얻을 수 있었다. 2. 예매 Page 만들기 const form = window.document.getElementByI.. 더보기 SpringBoot 게시판 기능구현 4 Today's 게시판 댓글 삭제 기능 구현 let's get it! 1. 게시판 댓글 삭제 기능 구현 Delete관련 Controller @RequestMapping(value = "comment", method = RequestMethod.DELETE, produces = MediaType.APPLICATION_JSON_VALUE) @ResponseBody public String deleteComment(CommentEntity comment, @SessionAttribute(value = "user", required = false) UserEntity user) { Enum result = this.bbsService.removeComment(comment, user); JSONObject res.. 더보기 SpringBoot 게시판 기능구현 3 1. 게시글 읽기(Read) 및 댓글 기능 구현 게시글을 읽는데 가장 중요한 조건 몇가지가 있다. 로그인된 회원만 볼 수 있다. Board Table에 있는BoardId와 게시판 도메인이 일치하는경우에 의해서만 게시글이 존재한다. 게시판이 있을 경우 게시글을 띄울때 그 게시글의 인덱스 번호를 활용해 어디 게시판의 몇번째 게시글인지 알아야 한다. 이를 줄여서 aid(ArticleId)라고 하고 bbs/write?aid=index값으로 도메인에 표시하려고 한다. 다음은 aid값을 구하는 과정을 기능구현한 것이다. SELECT `index` AS `index`, `user_email` AS `userEmail`, `board_id` AS `boardId`, `title` AS `title`, `content`.. 더보기 SpringBoot 회원가입 기능구현 2 1. 이메일 인증 번호를 보내는 JS 기능 아래 JS는 이메일인증번호 전송하기 버튼을 클릭했을때 발생하는 이벤트 로직을 구현한 것이다. email input칸의 value값이 비어있거나 정규식(이메일 기준 정규식이 있음)을 통과하지 못할경우에는 return을 하여 클라이언트에게 경고창을 띄워주는 역할을 한다. 2. 이메일 인증 번호를 보내는 JS 기능(XHR) Cover.show(text)를 통해 인증번호가 전송되고 있다는 정보를 클라이언트에게 전달. formData에 인증할 email값을 실어서 보낼준비를 한다. xhr.open('POST', './email')을 통해 Controller에 있는 POST요청방식의 email(value)와 연결을 시켜준다 open()이 정상적으로 실행이 되었다면 Cove.. 더보기 SpringBoot 회원가입 기능구현 1 프로젝트 기능구현의 시작은 HTML 혹은 Entity구조를 작성하는 것에서 부터 시작한다. 1. 스키마 및 테이블 생성 Users Table : 회원가입을 완료 했을시 클라이언트의 정보를 담을 Table이다. EmailAuths Table : 회원가입시에 이메일인증이 완료된 클라이언트의 정보를 담을 Table이다. 2. HTML 기본 구조 짜기 Html 구조를 작성하는 것은 시스템을 작성하는 개발자의 마음이지만 가장 중요한 점은 각 정보를 넘겨주는 역할을 하는 태그(form, submit, input)들은 name과 Entity이름, rel(속성)과 Js의 동일성이 적용되어야 모든 값들을 DB에서 부터 Controller까지 연결이 된다. ↓↓↓↓회원가입 관련(Html코드)은(는) 아래에 더보기 클릭 ↓.. 더보기 이전 1 다음
