💻 뚝딱뚝딱/북북클럽
-
[개발일지#029] 타임라인 등록 수정하기 (레이아웃 변경)💻 뚝딱뚝딱/북북클럽 2024. 3. 22. 17:06
[참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. 타임라인 컨트롤러 수정하기 2. 로그인시 로그인 아이디 세션에 추가하기 3. 타임라인 등록 Html 수정하기 [서론] 회원가입 화면 구현한김에 이어서 타임라인 등록 부분 수정하기 수정할 부분이 많고 오래걸려서 이번 일지에는 레이아웃만 수정할 예정. 1. 타임라인 컨트롤러 수정하기 TimelineController.java package toyproject.bookbookclub.web.timeline; //////생략////// @Controller @RequiredArgsConstructor @RequestMapping("/timeline") public..
-
[개발일지#028] 로그인 화면 수정하기 (레이아웃 변경 및 아이디 기억하기 기능 구현)💻 뚝딱뚝딱/북북클럽 2024. 3. 20. 13:23
[참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. 로그인 화면 수정하기 2. ID 기억하기 기능 구현하기 3. 비밀번호 보이기/숨기기 기능 구현하기 [서론] 별다른 거 없다 로그인 화면 수정하고 자잘한 기능들을 추가했다. 1. 로그인 화면 수정하기 loginForm.html 이번에도 스크립트가 좀 들어가기 때문에 자바스크립트 파일을 html 에 import해주었다. ///////생략/////// 전체 오류 메시지 ID ID 기억하기 ///////생략/////// 에러 클래스의 이름만 변경해주었고 field-error -> in-invalid 비밀번호의 경우 비밀번호 미리보는 버튼을 생성했다. 그리고 ID ..
-
[개발일지#027] 회원 컬럼 추가하기 / 회원가입 화면 수정 (유효성검사 등)💻 뚝딱뚝딱/북북클럽 2024. 3. 19. 17:55
[참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. 회원 테이블의 컬럼 추가하기 2. 가입용 객체 수정하기 3. 수정용 객체 만들기 4. 회원 레파지토리 수정하기 5. 회원 컨트롤러 수정하기 6. 서버 유효성 검사 분기처리하기 7. 회원가입 폼 수정하기 [서론] 현재 JPA로 전환하기 전 어느정도 기본적인 기능은 구현되어 있는 상태이고 JPA 전환하기 전에 각 화면마다 필요한 기능들을 추가하고 다듬어보려 한다. 그리고 이번에는 회원 테이블에 필요한 컬럼을 추가하고, 회원가입 화면을 수정해보려 함. 1. 회원 테이블의 컬럼 추가하기 Member.java package toyproject.bookbookclub..
-
[개발일지#026] 파일첨부 기능 만들기 (회원 프로필 이미지) (+) 피드백 반영💻 뚝딱뚝딱/북북클럽 2024. 3. 15. 12:52
[참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. 파일첨부 기능 만들기 (회원 프로필 이미지) [서론] 파일첨부 기능을 활용하여 회원 프로필 이미지를 넣는 걸 만들어 줄 것임. 프로필은 이미지 한 장만 첨부가능 하도록 할 것임. (추후에 내가 등록한 이미지를 다운 받을 수있도록 까지도 할껀데 그건 나중에...) 1. Member.java package toyproject.bookbookclub.domain.Members; import lombok.Getter; import lombok.Setter; import toyproject.bookbookclub.domain.UploadFile; @Getter @S..
-
[개발일지#024] 인터셉터를 활용하여 로그인 구현하기💻 뚝딱뚝딱/북북클럽 2024. 3. 11. 16:34
[참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. 로그인 구현을 위한 도메인(객체), 서비스, 컨트롤러 생성 2.로그인 인증 인터셉터 만들기 3.인터셉터 등록하기 4. 각종 html 생성 5. 각종 html 수정 [서론] 쿠키, 세션을 활용하여 로그인을 구현하는 방법은 크게 필터와 인터셉터가 있는데 필터는 서블릿 전에 작동되고 인터셉터는 서블릿 후에 작동된다. 필터는 서블릿에서 제공하는 기능이고 인터셉터는 스프링 MVC에서 제공하는 기능인데 둘 다 기능은 비슷하지만 인터셉터가 조금 더 제공되는 기능들이 많아 인터셉터를 사용하기로 한다. 1. 로그인 구현을 위한 도메인(객체), 서비스, 컨트롤러 생성 lo..
-
[개발일지#023] Validation 설정하기 (서버검증)💻 뚝딱뚝딱/북북클럽 2024. 3. 8. 17:12
[참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. Validation 설정하기 (서버검증) 각 폼의 Validation 설정이 필요한데 나는 보통 클라이언트 검증을 활용해 왔음. 그런데 이번에 서버 검증을 배웠으니 최대한 서버 검증을 활용하여 Validation 을 체크해볼 예정! 1. errors.properties 만들기 required=필수로 입력해야 합니다. required.member.id=ID는 필수입니다. required.member.nickName=별명은 필수입니다. required.member.password=비밀번호는 필수입니다. required.timeline.bookId=책 등록은 필..
-
[개발일지#022] 스프링 메시지화, 국제화 적용하기💻 뚝딱뚝딱/북북클럽 2024. 3. 7. 15:04
[참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. 타임리프에서 제공하는 메시지화 적용하기 2. 타임리프에서 제공하는 국제화 적용하기 1. 타임리프에서 제공하는 메시지화 적용하기 /resources/messages.properties label.member.id=회원 ID label.member.NickName=별명 label.member.password=비밀번호 label.timeline.timelineId=타임라인 ID label.timeline.bookId=책 ID label.timeline.bookImg=책 이미지 label.timeline.content=내용 label.timeline.lastUpd..
-
[개발일지#021] 타임리프 th:object, th:field 적용하기💻 뚝딱뚝딱/북북클럽 2024. 3. 6. 13:36
[참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. 타임리프 th:object, th:field 적용하기 타임리프에서 지원해주는 기능인 타임리프 th:object, th:field 입력폼처리 기능을 적용해볼 예정. HTML 태그의 id, name, value 속성을 자동으로 처리해줌. 적용대상 timeline/addFrom.htm / timeline/editForm.html / members/addFrom.html / members/editForm.html 타임리프 th:object, th:field 사용하기 1) TimelineController @GetMapping("/add") public String..