아이니그마

이제 사진을 보여주는 페이지를 만들자 html index.html에 역시 간단하게 테스트 페이지를 만든다 boarddao로가서 select *from blogboardimage where bid=?1 order by id Asc 를 던져주는건다 임의로 넣어놓은 글 번호에 해당하는 것들을 오름차순으로 가져온다(asc는 생략 가능이다) controller 글 번호를 1번으로 넣어줬으니 1로 해주고 배열로 받아준다음 확인용으로 한번 출력해보고 array로 던져준다 html 이렇게 배열 수만큼 이미지 태그를 만들어준다 검사를 눌러보면 이렇게 사진이 오는걸 알 수 있다 이제 이원리로 글쓰기에 적용하면 되는데 ajax로 넘겨줘야 하는데... 심지어 j쿼리도 아니고 바닐라 js로 짜논 상태라... 좀 찾아봐야겠다 어..

게시판 기능 중에 사진 올리기 기능이 누락됐는데 이유는 아직 ajax로 데이터를 전송하는 법을 몰라서 일단 form으로 시작해보자! html 그냥 index.html에 바로 만들었다 파일을 여러 개 전송하고 싶으면 multiple="multiple" 라고 해주면 된다 restcontroller 원래 서비스로 빼서 해야 는 게 편한데 테스트여서 내 코드가 잘 먹는지 그냥 바로 controller에 넣어놨다 file.get(0).isEmpty()==false 배열의 첫 번째 칸이 비어있지 않다면 System.out.println(file.get(i).getOriginalFilename()+"파일이름"); System.out.println(file.get(i).getSize()+"파일사이즈"); 파일 이름/사..

이제 검색 기능을 만들 건데 제목으로 찾는 검색을 만들 것이다 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..

게시판의 하이라이트에 입성했다 일단 전체 글 한번 불러와 보고 페이징 처리를 하려고한다 그전에 글을 몇 개 넣어보자 이제 이걸 불러오면 된다 boardservice로가서 자체로 제공해주는 boarddao.findAll() 사용해서 전체 게시글을 가져오고 controller로가서 난 array라고 해서 보내겠다 그러면 thymealf에서 array로 받아서 쓰면 된다! jdbc에서 처음에 넘어왔을 때 어 requset.setattributes() 어디 있지 했는데 spring에서는 둘 다 사용 가능하지만 model로 간단히 사용할 수 있는 거 같아서 자주 쓰게 된다 html을 보면 이렇게 each를 사용해서 for문처럼 사용이 가능하다! 이제 페이징을 구현할 것이다 보면 글 순서도 오래된 순으로 나오고 예..

이제 게시글을 쓸건대 boardservice를 만들고 save를 이용해서 넣어준다 편리하다 진짜! restcontroller 만들어주고 고민인 게 여기서도 한번 emailcheck로직을 걸어줘야 할지 고민이다 일단 그냥 가는 걸로! js를 만들어준다 tittle이 contetnt보다 길게썻네..ㅋㅋㅋ 어쨌든 잘 들어온다 음 근데 사실 내용=content는 엄청 길게 들어올 텐데 이제 다음에는 게시판에 글을 삽입하는 걸 해보자!

이제 후기 게시판을 만들자 html vo dto dao 현재 작성된 글이 없어서 아무것도 뜨지 않는다 이제 글 쓰는 페이지를 만들자 일단 ajax 왜냐면 글쓰기를 하는데 이메일 인증이 안되어있으면 못쓰게 만들려고한다! 사실 좀더 필요한 기능이 있다 영수증인증이라던가 근데 진짜 카페를 차린건아니여서 ㅋㅋㅋ 이메일인증만 해주고 아니근데... 점점 늘어난다... 합칠 방법을 나중에 생각해 봐야겠다... 어쨌든 이제 restcontroller로가서! 검증을 해주고 맞다면 이제 writearticlepage로오는데 충분히 그냥 검사-> 소스 해서 true로 바꾸고 올 수 있으므로 컨트롤러에서도 한 번 더 검사해보고 (여기서는 get방식이다!) 아니면 boardlist로 보내버리자!

자 이제 loaduser를 작성할 건데 그전에 근데 사실 지금도 로그인이 된다 다만 우리가 원하는 값없이 id값만 딸랑 받아서 오게 될 뿐이다 OAuth2UserRequest userRequest 얘가 들고 온 정보를 빼내면 된다 열어보면 막 뭐를 열심히 들고 와 줬는데 이제 우리가 필요한 정보를 꺼내서 쓰면 된다 뭐로? super.loadUser(userRequest) 얘로 마우스를 갖다 대 보면 리턴 타입이 OAuth2 User이다 그러면 이제 이메일을 가져와서 이미 등록되어있는지 확인하고 등록되어있다면 로그인하고 아니라면 자동 회원가입 후 로그인시켜주면 된다! 우리가 찾는 정보는 .getAttributes()안에 있고 .getAttributes()는 map형식이므로 키워드로 찾아주자 키워드는 Sys..

일단 application.properties 로가서 이렇게 작성해준다 이건 구글 api센터에 가서 발급받으면 된다 모르겠으면 https://youtu.be/9ui2i-SgBpk 이 영상을 참고하자! 주의할 점 페이스북은 scope 없어도 기본적인 거 다 주는 거 같던데 구글은 spring.security.oauth2.client.registration.google.scope=profile,email 없으면 로그인 시 구글이 가지고 있는 우리 아이디 번호만 받아온다 훨씬 길지만 실제 사용 중인 아이디여서 잘랐다 그래서 꼭 scope설정 해주자! 그리고 html 놀랍게도 스프링 부트에서 구글/페북 같은 큰 사이트에 대한 로그인 경로는 자동으로 지정해줘서 저렇게 입력하면 된다 자 이제 구글 로그인 로그인을 ..

이제 인증번호 입력이 맞다면 db비밀번호를 임시 비밀번호로 바꿔주고 임시 비밀번호를 발송해주는 식으로 하려고 한다! 조금 헷갈릴수있으나 그냥 메일 두번보내는것이다! 일단 비밀번호-> 임시 비밀번호로 바꿔주는 함수를 만든다 이제 restcontroller로와서 userservice.confrimRandnum(email,randnum) randnum을 검사해주고 맞다면 사실 어차피 이메일을 두 번 보내는 건데 한 개의 함수로 끝낼 수 있을 거 같은데 일단 이렇게 해봤다 utilservice.GetRandomNum(8); 8자리로 임시번호를 받고 아참 여짓것 randnum/temppwd는 String 형식이다 번호지만 string으로 주고받고 하고 있다 이게 확장성도 좋을 거 같다 나중에 특수문자 추가라던지 ..

시스템은 이메일을 입력하면 db에 존재하는 이메일인지 확인하고 인증번호 요청을 누르면 인증번호가 가고 인증번호를 알맞게 제출하면 임시 비밀번호를 주고 db 비밀번호도 임시로 바뀌게 된다 html 이제 비동기 ajax로 또 이메일이 존재하는지 안 하는지 알려주면 된다 이메일 중복검사 로직을 사용하면 된다! js 반대로 존재하지 않으면 red 존재하지 않는 이메일이라고 말해준다 인증번호 발송도 이전에 만들어 놓았던 이메일 인증을 한 번 더 사용하면 된다 근데 보면 이메일을 AuthenticationPrincipal principaldetail principaldetail에서 즉 로그인했을 때만 꺼내 쓸 수 있게 사용되고 있다 그래서 저 몸통 부분을 빼서 이렇게 변수로 받을 수 있게 서비스로 하나 빼주고 물론..