프로그래밍/소개팅 웹 애플리케이션 (5) 썸네일형 리스트형 소개팅 웹 애플리케이션(5)_최종 이렇게 소개팅 웹 애플리케이션이 마무리 되었습니다. 앞서 포스팅한 모든 기능을 한꺼번에 동영상으로 편집해보았습니다. 앞으로 추가하고 싶은 기능은 단순한 쪽지만이 아니라 네트워크를 사용한 실시간 채팅 기능을 구현하고 싶고 실제 운영 서비스까지 해볼수 있다면 좋겠습니다. 자세한 코드는 아래 제 깃허브에 올려놓았습니다. https://github.com/joshiaLee/meetingapp GitHub - joshiaLee/meetingapp: meetingapp meetingapp. Contribute to joshiaLee/meetingapp development by creating an account on GitHub. github.com 처음에 소개팅 어플을 만들어야겠다고 시작했을때 기본적인 백엔드 .. 소개팅 웹 애플리케이션(4)_매칭 기능과 부가 기능 먼저 마이페이지 버튼을 클릭하면 내 정보와 메시지함을 확인할수 있습니다. 회원정보수정 버튼을 클릭하면 내 정보를 수정할수 있습니다. 동영상으로 보시면 다음과 같습니다. 이제 이 소개팅 어플을 가장 핵심 기능인 매칭 기능에 대해서 리뷰해보겠습니다. 만보기 매칭이라는 버튼을 클릭하면 내 위치 좌표에서 반경 10km(만보) 이내에 있는 이성 회원을 한명 매칭합니다. 매칭된후에는 쪽지를 보낼수 있으며 계속해서 매칭을 원하는 경우에는 만보기 매칭버튼을 계속 클릭하면 됩니다. 10km이내에 매칭된 회원이 없을때까지 매칭을 할수 있으며 중복된 매칭은 발생하지 않도록 합니다. QueryDSL을 사용해서 이 기능을 쉽게 구현할수 있었습니다. 이 부분에 대한 코드는 다음과 같습니다. package com.study.boa.. 소개팅 웹 애플리케이션(3)_게시판 오늘은 게시판 기능에 대해서 리뷰해보겠습니다. 먼저 첫화면에 글 목록과 어떤 글에 댓글수, 조회수등을 볼수 있고 제목을 클릭하면 그 글로 이동합니다. 글에 대한 댓글을 쓸수 있으며 비밀번호를 설정하고 나중에 댓글을 삭제할때 비밀번호를 입력해서 삭제할수 있습니다. 다시 목록으로 이동해서 글쓰기 버튼을 누르면 게시글을 작성할수 있습니다. 동영상으로 연속해서 보시면 위와 같습니다. 다음글에서는 소개팅 어플의 가장 중요한 매칭기능과 쪽지보내기, 마이페이지등에 대해서 리뷰해 보겠습니다. 감사합니다. 소개팅 웹 애플리케이션(2)_로그인 소개팅 애플리케이션 '그대 만 보기' 의 첫 화면과 회원 가입 부분에 대해서 정리해보겠습니다. index.html 페이지 화면입니다. 이 페이지에 대한 코드입니다. 그대 만 보기 로그인 회원가입 Ajax 함수를 사용해서 api 방식으로 비동기 통신을 하도록 했습니다. 로그인 버튼을 클릭시 Json 데이터 타입을 Post 방식으로 MemberController에서 Url이 /member/login인 매핑된 곳으로 요청을 하게됩니다. @PostMapping("/member/login") public @ResponseBody String login(@RequestBody Member member, HttpServletRequest request){ Member loginMember = memberService.. 소개팅 웹 애플리케이션(1)_설계도 인프런 김영한 강사의 강의를 학습하면서 평소에 만들어보고 싶었던 소개팅 웹 애플리케이션을 만들어가면서 따라가 보았습니다. 확실히 내가 직접 설계를 할때 생각과 고민을 하면서 강의를 따라가보니 강사님이 왜 어떤 포인트에서 강조했는지 깨닫는 부분들이 많았고 이해가 더 잘되었습니다. 실무에 강하신 분이라 실수나 개념 오해가 많은 부분을 잘 짚어주셔서 고민하는 시간을 줄일수 있었습니다. 이 애플리케이션은 Spring MVC 패턴으로 설계하였고 Spring boot 환경에서 JPA를 사용하여 코딩했습니다. 데이터베이스 접근 기술은 Spring data JPA와 QueryDSL을 사용하였고 데이터베이스는 h2 입니다. 오늘부터 이 애플리케이션에 대한 리뷰를 시작해보겠습니다. 애플리케이션의 이름은 '그대 만 보기' .. 이전 1 다음
