JAVA/개인 프로젝트 (13) 썸네일형 리스트형 [JAVA/spring] 개인프로젝트 #13 나만의 미니홈피만들기 - 구현된 부분 영상업로드. 지금까지 구현한 부분을 간략하게 영상으로 업로드하였습니다. 회원가입 메인정보 수정 사진첩 업로드 및 사진 넘겨보기. 게시판 구현 방명록 구현 [JAVA/spring] 개인프로젝트 #12 나만의 미니홈피만들기 - 중간점검 및 erd cloud 만들기. 이번 프로젝트 의 정해진 기간은 4주였으나, 생각보다 막히는 부분이 있어서 딜레이가 되었다. 기한내에 반드시 해야되는 프로젝트는 아니기때문에, 시간이 조금걸리더라도 내가 원하는 기능 구현은 될수 있는대로 다 구현을 해보고싶다. 현재까지 부분은 https://github.com/JinSungLim 에서 확인 할수 있으며, README 를 참고하여 실행하면된다. 일단 해결하지 못한 기능과 원하는 기능 구현은 1. 일촌 기능구현 2. BGM 기능구현 3. Today 카운트 구현 (현재 TOTAL만 카운트되는 상황, 본인의 세션은 카운트가 안되도록 구현해야함) 4. 다이어리 구현 5. 카카오 로그인 버튼클릭시 나타나는 핸드폰번호 NULL 오류. 6. 회원의 고유번호를 가지고 오지 못함. [처리완료] 1번 같은경.. [JAVA/spring] 개인프로젝트 #11 나만의 미니홈피만들기 - 체크박스를 통한 아이디 저장하기 (cookie 사용) 웹사이트는 기본적으로 로그인시에 아이디 저장하기 기능이 있으므로 해당 부분도 기능을 구현하였다. 국비학원에서 배웠던 기능을 통하여 만들었기때문에 오래걸리지않았다. value 값이 (${cookie.id_check.value}) not empty이면, 해당 체크박스에 체크가 되어있도록 if문을 만들어주었다. Controller 부분 로그인이 되었을때, 해당 id_check 값에 dto.getId()를 담아 쿠키를 통하여 보낸다. 이런식으로 구현하면 해당 ID로 로그인하였을때만 쿠키에 ID값이 저장되는걸 확인할수 있다. [JAVA/spring] 개인프로젝트 #10 나만의 미니홈피만들기 - 아이디 및 비밀번호 찾기 (임시 비밀번호로 초기화 구현.(naver사용)) 사용자가 아이디 또는 비밀번호를 분실할수 있고, 웹페이지의 기본적인 부분이기때문에 이부분은 반드시 구현이 필요했다. 국비학원에서 구현하였던 naver 이메일을 통한 임시 비밀번호 발송 기능을 구현하였다. 본인 네이버 계정으로 로그인한뒤, 메일부분에 환경설정에 들어가 아래와같이 설정해두어야 한다. pom.xml에 dependency 추가. root-context.xml에도 아래와같이 설정해주어야 한다. 다음은 controller 부분. Mapper.xml부분. 비밀번호를 찾고싶은 회원의 이름과 이메일주소를 입력하면 , 해당 이메일주소로 임시 비밀번호가 발송된다. 아래와 같이 정상적으로 발송된것을 알수있다. 아이디 부분은 이메일 또는 휴대폰번호로 찾을수 있도록하였고, radio 버튼을 눌렀을때 input값이.. [JAVA/spring] 개인프로젝트 #9 나만의 미니홈피만들기 - 메인페이지 일촌평 구현 및 새로운 게시글에 따른 UpdateNews 부분에 나타내기. 싸이월드 대문에 보면 미니룸 하단에 일촌평을 남길수있게 구현이 되어있어서 뒤늦게 확인하고 만들었다. 기존에 게시글에 만든 답글처럼 비슷하게 구현하였기 때문에 크게 어려움은없었다. 일촌평 구현은 크게 어려운게 없었으나, 상단에 UpdateNews 부분을 구현하는데 조금 애를먹었다. 게시글 또는 사진첩에 글을 등록하였을때, 아래 사진과 같이 해당 제목과 최신글만 나올수있도록 하는것이다. 한 jsp 내에서 모든 테이블의 값들을 불러와야하기때문에, 당연하게 join을하여 해당 title컬럼만 가져오면 된다고 생각했으나, parameter null 값이 발생하여 원인을 찾지못하고, rownum을 활용하여 구현하였다. 구현계획으로는 당연히 최신순기준으로 값을 가져와야해서 sysdate로 order by를 지정하여 .. [JAVA/spring] 개인프로젝트 #8 나만의 미니홈피만들기 - 미니홈피게시판 내용 답글달기 및 수정하기 구현. 게시판을 들어갔을때 나오는 리스트들은 지난글과 같이 ajax로 구현하였으며 (checkbox이용) , 페이지 처리까지 완료하였다. 그 다음으로는, 게시판에 올라온 글을 눌렀을때 제목과 내용이 보여야하며 그에 따른 답글을 달수있도록 구현하였다. 제목을 눌렀을경우, 아래와 같이 나올수 있도록 jsp로 만들었다. 제목,내용 컬럼과 답글을 달수있는 컬럼의 테이블이 각기 다르기때문에 해당 게시글번호에 따른 답글을 불러오기위하여 3개의 테이블을 조인하였다.(굳이 어렵게만든게 아닌가싶다) 게시글 답글을 작성시에 해당 회원의 이름이 나와야하기때문에, world_member테이블까지 같이 조인을 할수 밖에 없었다. 위 캡처 아래부분에 memId.member_num == rdto.member_num 을 if문으로 해놓은 .. [JAVA/spring] 개인프로젝트 #7 나만의 미니홈피만들기 - 미니홈피게시판 리스트 및 업로드 구현(ajax를 통한 체크박스로 게시글 삭제하기.) 기존싸이월드 게시판은 학원에서 처음배웠던 게시글 만들기 폼과 매우 유사했다. 다만 왼쪽에 체크박스가 있었으며, 이부분은 ajax를 활용하여 삭제하기로 하였다. (ajax는 새로고침없이 비동기식으로 페이지에 로드되기때문에 실시간으로 게시글이 삭제되는 페이지를 볼수있다.) 관련글은 아래를 참고해주세요. AJAX란 무엇인가 ? :: 개발야 기하하자 (tistory.com) AJAX란 무엇인가 ? AJAX (Asynchronous Javascript And XML) AJAX란, JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전 99geo.tistory.. [JAVA/spring] 개인프로젝트 #6 나만의 미니홈피만들기 - 미니홈피사진첩 등록 및 불러오기. (다중업로드 구현) 메인페이지에 나타나는 대문 제목과 내용을 등록하고 수정하는방법을 구현하다가, 세션으로 member_num 값은 계속 가지고있다고 판단해서 조인 조건을 member_num 으로 변경하였다. 시퀀스번호는 고유하기때문에 id값으로 해도되지만 모든 페이지에 member_num이 유지될것을 고려해서 다시 변경하였다. 한가지 이슈는 테이블이 다르기때문에 멤버테이블의 member_num값을 찾아서 각 dto에 넣어줘야되는데.. 불러오는 기능을 구현할경우 null 값이 나타나서 직접 member_num 값을 넣어 우선은 구현하였다..(이부분은 반드시 찾아야할것이다.) 우선 메인글은 등록수정은 다음글에 올릴것이며, 오늘구현했던 사진첩 구현한부분을 올릴것이다. 학원 최종프로젝트에서 사용한 다중업로드를 다시 쓰고싶어서 활용.. 이전 1 2 다음
