springboot 썸네일형 리스트형 TeamProject Code Review 2 2-4. 클릭 이벤트(영화) 오른쪽 사진과 같이 영화(Movie Database에 저장되어있는 영화값들)Title 값들을 모두 표시해준 부분이다. 캡쳐본 상단의 날짜의 선택(최초 예매 페이지 접속시 오늘 날짜를 기준으로 selected되어있음.)을 기준으로 영화의 개봉일 및 상영 종료일에 따라 영화 표시의 유무를 나타내고 있다. ↓↓↓↓↓↓↓↓↓ [ 영화 관련 JavaScript&Code ] ↓↓↓↓↓↓↓↓↓ 더보기 const drawListBox = () => { movieTitles.forEach(movie => { const listBoxElement = window.document.createElement('div'); listBoxElement.classList.add('list-box'); l.. 더보기 TeamProject Code Review 1 1. HomePage 홈페이지를 만들기에 앞서 가장 어려웠던 부분은 Header Hover처리하는 부분이였다. hover시 아래에 title 세부사항이 표시되게 만들려고 하는데 Css지식이 부족하다는 것을 느낄수 있었다. 물론 임의로 값을 지정하여 밑에 끼워 넣는것은 쉬웠지만 반응형으로 제작하는것이 어려웠다는 뜻이다. 이부분을 해결하면서 느꼈던 점은 개발자는 만들다가 도저히 못고치겠거나 더이상의 진전이 없을때는 과감하게 다시 만들 부분도 필요하다고 생각했다. 기존에 짜고있던 코드에서 고치려고 하니까 도저히 방법이 생각이 나지 않아서 다르게 접근을 하니 다행스럽게도(?) 원하는 결과물을 얻을 수 있었다. 2. 예매 Page 만들기 const form = window.document.getElementByI.. 더보기 MegaBox Project(회고) !!!Team Stones 뽜이야!!! 최근 한달간 팀프로젝트를 경험하면서 스스로 개발하는 환경에 대해서 다시 한번 생각해 보았다. 특히 기존 CRUD의 틀에서 벗어나 필요한 부분에 있어서는 어느정도의 창의력이 필요하다는 것을 몸소 느끼게 되었고 미리 기록을 해둔다면 필요할때 찾을 수 있기도 할 뿐더러 시간을 줄일수도 있을것 같다. 우선 팀프로젝트에 관하여 간단하게 설명하자면.. 프로젝트명 : 메가박스(Clone) 팀원: 이승현, 최승명, 박상우 내가 맡은 개발 직무 : 메인 홈페이지, 빠른 예매 페이지, 관리자페이지(中 시간표관리 CRUD) 가장 신선하면서도 많은 고초를 겪은 부분은 아무래도 빠른 예매 페이지 인것 같다. 예매라는 시스템 자체에 대한 알고리즘에 대해서 생각해 볼 수 있는 좋은 시간이면서.. 더보기 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 회원가입 기능구현 4 , 비밀번호 재설정 기능구현 1. 회원가입에 관한 기능 구현 이메일 인증이 완료가 되었을 경우에는 클라이언트의 모든 정보를 정상적으로 DB에 저장해야 한다. @Transactional public Enum result = this.memberService.recoverPasswordCheck(emailAuth); JSONObject responseObject = new JSONObject(); responseObject.put("result", result.name().toLowerCase()); if (result == CommonResult.SUCCESS) { responseObject.put("code", emailAuth.getCode()); responseObject.put("salt", emailAuth.getSalt().. 더보기 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 다음
