승띵이의 개발일지

댓글 기능 구현 이번 포스팅에서는 지난 포스팅 '게시글 확인'에 이어 작성된 게시글에 댓글 기능을 구현해 보려고 한다. '답글달기'를 클릭하면 해당 댓글에 댓글을 다는 대댓글 기능까지 구현해 볼 것이다. 게시글 확인 : https://myung-it.tistory.com/42 [Spring Boot] 게시글 확인 게시글 확인하기 이번 포스팅에서는 지난 '게시글 작성'에 이어 DB에 INSERT 된 게시글을 확인하는 기능을 구현해 보려고 한다. 게시글 작성 : https://myung-it.tistory.com/41 [Spring Boot] 게시글 작성 (DB INSE myung-it.tistory.com 그럼... 가보자고요 결과 대가리 깨지는 백엔드 작업하러 고고 BbsMapper.xml select ..

게시글 확인하기 이번 포스팅에서는 지난 '게시글 작성'에 이어 DB에 INSERT 된 게시글을 확인하는 기능을 구현해 보려고 한다. 게시글 작성 : https://myung-it.tistory.com/41 [Spring Boot] 게시글 작성 (DB INSERT) 게시글 INSERT하기 본 게시글에서는 앞선 게시글에서 만든 글쓰기 페이지에서 글 작성을 하면 서버의 DB에 그 값이 게시글 테이블은 article 테이블에 INSERT되게 해 보려고 한다. 게시판 만들기 1 : htt myung-it.tistory.com 글 작성 버튼을 클릭하면 작성된 글로 이동하는 기능까지 구현해보려고 한다. 레고레고 결과 작성자를 email이 아닌 nickname으로 설정하는 것이 대가리 개 깨지는 작업이었다. 하지만 해..

게시글 INSERT하기 본 게시글에서는 앞선 게시글에서 만든 글쓰기 페이지에서 글 작성을 하면 서버의 DB에 그 값이 게시글 테이블은 article 테이블에 INSERT되게 해 보려고 한다. 게시판 만들기 1 : https://myung-it.tistory.com/39 [Spring Boot] 게시판 만들기 1(feat. CKEditor5) 게시판 만들기 오늘은 페브리즈 페이지에 게시판 기능을 구현해 보려고 한다. 게시판은 크게 공지사항, 자유게시판, Q&A 3개의 게시판으로 나누어 구현해 보려고 한다. 오늘도 고고고~ CKEditor CKEdi myung-it.tistory.com 게시글 만들기 2 : https://myung-it.tistory.com/40 [Spring Boot] 게시판 만들기 2 ..

게시판 만들기 2탄 게시판 만들기 2탄에서는 게시판 만들기 1에서 만들었던 게시판을 게시판의 종류에 따라 구분하는 작업을 수행해보려고 한다. 게시판 만들기 1 : https://myung-it.tistory.com/39 [Spring Boot] 게시판 만들기 1(feat. CKEditor5) 게시판 만들기 오늘은 페브리즈 페이지에 게시판 기능을 구현해 보려고 한다. 게시판은 크게 공지사항, 자유게시판, Q&A 3개의 게시판으로 나누어 구현해 보려고 한다. 오늘도 고고고~ CKEditor CKEdi myung-it.tistory.com 본 포스팅에서 구현하고자 하는 작업의 목표는 localhost:8080/bbs/write에서 get 방식으로 접근하였을 때 bid 값이 boards 테이블에 존재하는 id의..

게시판 만들기 오늘은 페브리즈 페이지에 게시판 기능을 구현해 보려고 한다. 게시판은 크게 공지사항, 자유게시판, Q&A 3개의 게시판으로 나누어 구현해 보려고 한다. 오늘도 고고고~ CKEditor CKEditor는 이지윅 에디터로써 'WYSIWYG'는 What You See Is What You Get의 준말로써 '보이는 대로 얻는다'라는 의미를 가지고 있다. HTML처럼 따로 CSS를 적용하여 디자인을 변경하는 것이 아니라 문서 편집 과정에서 변경하는 방식을 의미한다. 본 포스팅에서도 CKEditor를 사용하여 게시판 글쓰기 기능을 구현해 보려고 한다. 결과 CKEditor를 활용하여 textarea 부분을 위 사진과 같은 형태로 지정하였다. HTML & CSS HTML과 CSS를 활용하여 대제목과 ..

로그인 2탄 본 포스팅에서는 로그인 1에 이어 세션기능과 쿠키를 활용하여 로그인 및 로그아웃 기능을 구현해보려고 한다. 레츠 고고 로그인 1 : https://myung-it.tistory.com/37 [Spring Boot] 로그인 1 로그인(Login) 이번 포스팅에서는 로그인 기능을 구현해 보려고 한다. 아직 세션에 대해 배우지 않았기에 본 포스팅에서는 email과 password를 입력하였을 때 DB에 있는 users 테이블에 있는 email과 passwo myung-it.tistory.com 쿠키(Cookie) 쿠키(Cookie)란 웹 사이트에 접속할 때 서버에 의해 사용자의 컴퓨터에 저장되는 정보를 의미한다. 웹 사이트는 저장된 사용자의 정보를 클라이언트 측의 컴퓨터에 남겨서 필요할 때 꺼내서..

로그인(Login) 이번 포스팅에서는 로그인 기능을 구현해 보려고 한다. 아직 세션에 대해 배우지 않았기에 본 포스팅에서는 email과 password를 입력하였을 때 DB에 있는 users 테이블에 있는 email과 password가 동일한지 확인하는 작업정도만 구현해 보려고 한다. 나머지는 세션 배우고 2탄에서... 껍데기만 만드는 것 같지만 그래도 고고고 결과 기능 구현 이제부터 html과 css는 특별한 추가사항이 있는 것이 아니면 따로 업로드하지 않겠다. 넘 길고 뭐 다 아는 내용이니깐.. MemberMapper.xml SELECT `email` AS `email`, `password` AS `password`, `nickname` AS `nickname`, `name` AS `name`, `c..

비밀번호 재설정 누구나 비밀번호를 잊어먹는 일이 발생할 수 있다. 보닌의 경우 기억력이 매우매우 X 138 나쁘다. 맨날 뭐 놔두고 오고 한 말 까먹고 주머니에 넣어놓고 물건 찾고 뭐 그런다.. 뭐 그렇다고.. TMI는 접어두고 오늘은 웹사이트에서 비밀번호를 재설정하는 기능을 구현해보려고 한다. 비밀번호를 재설정하기 위하여 다음과 같은 절차로 진행한다. 1. 이메일 주소 입력 2. 해당 이메일 주소로 비밀번호 재설정 링크 메일 발송 3. 해당 주소 접속시 비밀번호 재설정 가능한 폼 등장 4. 비밀번호 변경 5. 변경 완료 시 로그인 창으로 이동 결과 이젠 익숙해질만한 냅다 결과 보여주기 보세요 어떻게 만들었는지 궁금하죠 알려는 드릴게 recoverPasswordAuthEmail 스터디 안녕하세요! 스터디..

이메일 인증 구현 part 2. 오늘은 이메일 인증 구현 part 2 오늘 본 포스팅에서 구현할 기능은 1. 해당 서버 DB에 존재하지 않는 이메일이 이메일 인증을 요청하였을 때 인증번호를 전송 2. 해당 이메일과 인증번호가 유효한지 판단 3. 입력받은 이메일과 전송한 값과 입력받은 값이 동일한지 판단 4. Salt 암호화(패스워드 및 인증정보) 크게 4가지로 나누어 보았다. 오늘도 Let's get it ㄱㄱㄱ 결과 오늘도 냅따 결과 화면부터 일단 보시죠 의존성 org.springframework.boot spring-boot-starter-jdbc org.mariadb.jdbc mariadb-java-client 3.0.8 org.mybatis.spring.boot mybatis-spring-boot..

프로젝트 구조/경로 지정 프로젝트를 만들면서 가장 기본이 되는 것이 무엇이냐고 내게 묻는다면 나는 주저없이 '경로 설정' 이라고 답할 것이다. 만약, 프로젝트를 진행하면서 마구잡이로 파일들을 만들고 정리해 놓지 않는다면 내가 필요로 하는 파일이 어디에 있는지 찾지 못하는 대참사가 발생할 수도 있기 때문이다. 참고로 경험담임. 그렇기에 본 포스팅에서는 프로젝트를 진행함에 있어 기본이 되는 이 경로 설정을 어떻게 하면 되는지 가이드라인을 제시하려고 한다. 기본적인 프로젝트의 구조는 다음과 같다. 위 사진과 같은 프로젝트 구조에서 (지금 내 수준의) 우리가 건드리는 부분은 1. 프로젝트 메인 Java 코드를 작성하는 src/main/java 2. html, css, js, png 등 정적인 리소스 파일들을 위..