아이니그마

지난주 일요일 배달의 민족을 시켰는데 배달원의 위치가 실시간으로 나타나는 걸 봤다 너무 신기해서 비슷하게라도 만들어보자 해서 만들게 되었다 일단 지도는 카카오지도를 사용하면 될 거다 라고 생각했고 문제는 위치 정보를 어떻게 얻어오지..? 라고 생각하고 찾아봤다 그랬더니 놀랍게도 html이 자체적으로 가지고있는 기능이 있었다 navigator.geolocation=현재 위치 위도 경도를 알려준다 navigator.watchPosition=현재 위치+움직일 때마다 같이 움직인다 그래서 적용을 해보았다 1.개발자 센터 도메인등록 네이버 개발자센터-> 어플 생성 or기존 어플 입장-> 플랫폼-> 사이트 도메인에 입력-> 요약정보에서 자바스크립트 api키 확인 http://localhost:9090 2. 카카오 ..

아 정말 혼자 공부했을 때 뿌듯했던 파트였다 근데... 지금 아버지가 격리 시설에 들어가시고... 나도 몸살이 좀 있어서 검사를 받았다 정말 열심히 쓰고 싶었던 파트인데 국비지원도 같이 들으면서 열심히 하고 있는데 정말 절망이 찾아온 거 같다 격리 시설 가게 된다면... 노트북으로라도 진행할 생각인데 망할 lombok이 안 먹는다@data가 진짜 젠장 일단 대충 설명을 해야 할 거 같다 여기서는 일단 j쿼리를 사용했고 추후에 교체 예정이다 html 테스트를 위해 잠시 authorize 밖에 빼놨다 j쿼리 부분은 옛날에 짜는 거라 너무 개판이라 나중에 올리는 게 좋을 거 같아서 나중에 올려보자 service 첫 번째로 예를 들어 지금이 현재 오후 8시라면 당일 오전 6시 가 예약이 없었어도 던져주면 안 되..

수정 기능을 넣을 건데 html 현재 disabled 되어있는 버튼을 '수정'을 눌르면 '확인'/'내용'에 있는 disable이 사라지게 해 주려고 한다 여기서 주의할 점 사용자가 '수정'을 누르고 "어 이 댓글이 아니네"하고 바로 다른 댓글에 '수정'을 누른다면 이전 '확인/'내용'disable이 다시 올라와야 한다! js 굳이 같은 코드를 true/false로 나눈 이유는 beforeClickUpdateID=cid;때문이다 이전 클릭했던 '수정'의 id를 알아야 하기 때문에 나눠 났다! 아주 잘 작동해준다 이제 service로 가서 orElseThrow(()->new Exception("존재하지 않은 댓글입니다")) 람다식을 이용했다 밑에 deleteCommentByCid와 비교해보면 뭔가 멋있다 ㅋ..

사진을 불러오려면 사진의 경로가 필요하다 그래서 dao로가서 bid=글 번호에 맞는 경로를 db에서 가져온다 controller로가서 model.addAttribute("imagearray", boardimagedao.findByBidOrderById(bid)); 보내준다 이제 핵심은 프런트인데 일단 가장 기본적이게 그냥 모든 텍스트 밑에다 넣겠다 어쩔 수없다 t스토리나 다른 게시판처럼 하려면 이미 넣을 때부터 틀렸다 그러므로 내가 현재 할 수 있는 선에서 내가 가진 정보로 spring이 잘 사진을 던져주는지 확인하기 위해 해 보는 거다! 자 textarea안에는 ima 뭐가 표시가 불가능하다 그래서

이제 댓글을 출력시켜주면 된다 dao로 가서 페이징을 위해 작성해준다 원리는 게시판 검색 로직과 같다 페이지별 select와 totalpage를 알기 위해 쿼리문을 작성해준다 이제 service로가서 페이징을 위한 준비를 해 주고 controller로가서 댓글도 같이 불러오게 해 주고 기본 페이지는 1로 지정해준다 결과 잘 출력된다! 요새 사실 이런 시스템은 잘 안쓰던데 일단 백엔드 위주의 공부중이니 좀 오래됐지만 ㅎㅎ 이걸로 만들었다! 이제 댓글 삭제 기능을 만들러 가자! 수정보다 삭제가 더 간단하다 그래서 삭제부터 만들자!

vo/dto/dao 세팅하고 html 로그인 여부에 따라 다르게 표시해주고 js 클릭 시 행할 함수를 만들어준다 정상적으로 등록했다면 등록한 게시물 페이지로 이동된다 service로가서 db에 넣을 수 있게 짜주고 restcontroller로가서 이메일 인증이 된 사람만 댓글을 적을 수 있게 해 준다! 이메일 미인증시 인증시 db로 잘 들어왔다 다음번엔 댓글이 달린 게시글에 댓글을 출력시켜 주자!

수정/삭제 중 수정부터 하려는데 이유는 삭제시 글/댓글/사진 db로보면 boardl/comment/boardimage 하나 더 대댓글/좋아요 등까지 있다면 한 번에 다 삭제해야 하기 때문에 이제 좀 더 심플한 수정부터 하겠다 일단 아직 사진 올리기 기능이 없으니 역시 심플하다 html을 보면 이렇게 로그인 사용자와 글 작성자가 같다면 수정/삭제가 가능한 형식이다 이제 선택을 해야 한다 수정을 누를 시 disabled가 사라져서 입력이 가능하게 할지 아니면 비슷한 페이지로 보내서 수정을 하고 오게 할지 음 대부분 수정 페이지가 따로 있던 거 같아서 수정 페이지를 만들 거다 여기서 또 하나의 선택이 있다 글쓰기 페이지를 재활용할지 하니면 똑같은 페이지를 하나 더 만들지 일단 하나더 만들어서 진행하겠다 con..

시스템은 글을 클릭하면 조회수가 올라가면 된다 service로가서 이전 getArticle만 조금 바꿔주면 된다 boardvo.getHit() 로 이전 조회수를 가져와서 boardvo.setHit 다시 set을 해주고 위에 있는 @Transactional 때문에 바로바로 db가 수정이 된다 jpa진짜 아주 편리하다 들어가면 조회수가 늘고 0->1로 db도 바뀌었다 뒤로 가기 해도 1이 되어있다! 이제 다음번엔 게시글 수정/삭제를 만들어보자!

이제 db에 있는 글 내용들을 글 번호로 가져와서 뿌려주면 된다 html 이제 service로 가서 만들어주자 bid를 받아서 번호에 맞는 게시물 내용을 db에서 다 꺼내온다 controller로가서 근데 html에서 /auth/가없으므로 솔직히 나도 th:href는 잘 모르는 거 같다 아직 value나 name 이런 건 그냥 쓰면 되는데 href는 thymealf로 했을 때 좀 다른 거 같아서 저부분은 그냥 복붙 했다 미리 써 논 글들이 잘 들어온다 이제 조회수 기능을 만들어보자!

이제 검색 기능을 만들 건데 제목으로 찾는 검색을 만들 것이다 boardlist 같은 컨트롤러를 하나 더 만들어 준다고 생각하면 된다 controller로가서 제목을 받아주고 똑같이 boardlist로 보낸다 한 페이지만 사용하려고 html에 밑에 search를 따로 또 만들어놨다 이제 직접 페이징을 만들어보자 boarddao로가서 뭐가 많아졌다 like/limit/order by를 따로따로는 쏠 줄 아는데 한꺼번에 같이 저렇게 jpa 쿼리로 쏘는 법을 모르겠다 "select *from blogboard where title like %?1% order by bid desc limit? 2,? 3" blogboard에서 title에? 1가 들어가 있는걸 bid로 정렬해 개수별로 들고 온 더 "select..