Title

articles = new ArrayList<>(); ``` - 3-3) Article에 생성메소드를 추가해 줍니다 ```java // 생성 메소드 public static Article createArticle( String title, String body ) { Article article = new Article(); article.title = title; article.body = body; return article; } ``` - 3-4) Article에 연관관계메소드 추가해 줍니다 ```java // 연관관계 메소드 public void setMember(Member member) { this.member = member; member.getArticles().add(this); } ``` - 2) ArticleSaveForm(dto 만들기) - dto에 article패키지를 하나 만들어 그 안에 ArticleSaveForm을 만들어 줍니다. ```java @Data public class ArticleSaveForm { @NotBlank private String title; @NotBlank private String body; } ``` - 3) ArticleRepository(dao 만들기) - dao에 interface로 ArticleRepository를 만들어 줍니다. - 다음과 같이 JpaRepository 인터페이스를 상속받아줍니다. ```java public interface ArticleRepository extends JpaRepository { } ``` - 4) ArticleService(service 만들기) - service패키지에 ArticleService클래스를 하나 만들어 줍니다. - 만들어준 ArticleRepository를 주입받아 줍니다. - 게시물을 저장하기 위한 save로직을 만들어 줍니다. ```java @Service @Transactional(readOnly = true) @RequiredArgsConstructor public class ArticleService { private final ArticleRepository articleRepository; @Transactional public void save(ArticleSaveForm articleSaveForm, Member member) { Article article = Article.createArticle( articleSaveForm.getTitle(), articleSaveForm.getBody() ); article.setMember(member); articleRepository.save(article); } } ``` - 5) ArticleController(controller 만들기) - 먼저 ArticleService를 주입받아 줍니다. - 게시물 생성페이지로 이동하는 로직을 만들어 줍니다. ```java @Controller @RequiredArgsConstructor public class ArticleController { private final ArticleService articleService; @GetMapping("/articles/write") public String showArticleWrite(Model model) { model.addAttribute("articleSaveForm", new ArticleSaveForm()); return "usr/article/write"; } ``` - 실제 게시물이 저장되는 로직을 만들어 줍니다. ```java @PostMapping("/articles/write") public String doWrite(@Validated ArticleSaveForm articleSaveForm, BindingResult bindingResult, Model model, Principal principal) { if (bindingResult.hasErrors()) { return "usr/article/write"; } try { Member findMember = memberService.findByLoginId(principal.getName()); articleService.save( articleSaveForm, findMember ); } catch (IllegalStateException e) { model.addAttribute("err_msg", e.getMessage()); return "usr/article/write"; } return "redirect:/"; } ``` - 5-1) MemebrService에서 로그인아이디로 회원찾기 로직 구현 - 현재 로그인한 회원의 아이디를 가지고 그 회원이 존재하는 회원인지 아닌지 구분하고 회원을 찾기위해 MemberService에 해당 로직을 만들어 줍니다. ```java public Member findByLoginId(String loginId) throws IllegalStateException { Optional memberOptional = memberRepository.findByLoginId(loginId); memberOptional.orElseThrow( () -> new IllegalStateException("존재하지 않는 회원입니다") ); return memberOptional.get(); } ``` - 6) write.html 만들기 - usr에 article로 디렉토리를 만들고 그 안에 write.html 파일을 만들어 줍니다. - 6-1) 타임리프와 레이아웃 불러오기 - 6-2) body태그 안에 div태그에 ayout:fragment="content" 넣어주기 ```html Title

```
### 4. 공부해야하는 내용 - 1) 연관관계 - 2) 영속성
### 5. 테일윈드 - [tailwind-cheat-sheet](https://nerdcave.com/tailwind-cheat-sheet) - tailwind-cheat-sheet로 들어가셔서 서치박스에 필요한 css를 검색하셔서 사용하시면 됩니다. - *flex가 부족하신 분들은 제일 위 유용한 링크에 flex개구리/디펜스를 해보시면 됩니다. ### 6. 부트스트랩 - 밑에 부트스트랩의 주소로 들어가 메뉴에 있는 COMPONENTS에서 필요한 것을 선택해 원하는 형식의 타입을 선택해 코드를 복사해 넣고자하는 html에 넣어줍니다. #### 1. [daisyUI](https://daisyui.com/) - [불러오기](https://daisyui.com/docs/install/cdn) : 불러오기로 들어가서 코드를 복사해 layout.html에 넣어준 뒤 사용해 줍니다. #### 2. [flowbite](https://flowbite.com/docs/components/card/) - [불러오기](https://flowbite.com/docs/getting-started/quickstart/) : 불러오기로 들어가 스크롤을 내리다 보면 Include via CDN 에 코드를 head와 body에 넣어주고 사용해 줍니다. #### 3. [다른 부트스트랩 ](https://dev.to/narottam04/free-tailwind-components-for-your-next-project-2gka) : 다른 여러가지 부트스트랩들이 있습니다. 보시고 마음에 드는 것을 사용하지면 됩니다. ### 7. 폰트어썸 - [폰트어썸](https://fontawesome.com/v5.15/icons?d=gallery&p=2) ```html - layout에 head에 넣어줍니다. ``` # 2022.01.19 ## 오늘 한 작업 ### 1. 부트스트랩 적용해보기 - [GIT](https://github.com/gpfla3690/cleanCM/commit/d9843da3710db6626084547dad1bee3e0e013180) - 예로 [flowbite](https://flowbite.com/docs/components/card/)를 사용해 보도록 하겠습니다. - [불러오기](https://flowbite.com/docs/getting-started/quickstart/) : 불러오기로 들어가 스크롤을 내리다 보면 Include via CDN 에 코드를 layout의 head와 body에 각각 넣어주고 사용해 줍니다. ```html - layout.html 입니다. <-- 추가해준 부분입니다. <-- 추가해준 부분입니다.

``` - 왼쪽 메뉴바에서 COMPONENTS에 Dropdowns에서 Dropdown header를 사용해 주도록 하겠습니다. - 코드를 복사 하셔서 header에 사용할 부분에 넣어주고 사용하고 싶은대로 수정해 줍니다. ```header

``` ### 2. 패키지 domain에 Member 클래스에 Article에 넣어준 것과 같이 회원가입일과 수정일을 넣어줍니다. - [GIT](https://github.com/gpfla3690/cleanCM/commit/ca917c334bb809888c7dffab7244ae95bd6d4c70) ```java @Entity @Getter @NoArgsConstructor public class Member implements UserDetails { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String loginPw; private String loginId; private String name; private String nickname; private String email; private LocalDateTime regDate = LocalDateTime.now(); <-- 이부분을 추가해 줍니다. private LocalDateTime updateDate = LocalDateTime.now(); <-- 이부분을 추가해 줍니다. @OneToMany(mappedBy = "member", cascade = CascadeType.REMOVE) private List

articles = new ArrayList<>(); ``` ### 3. 게시물 작성 테스트 - SQLyog에 다음과 같이 입력해 데이터가 잘 들어오는지 확인해 줍니다. ```sql SELECT * FROM `member`; SELECT * FROM `article`; ``` ### 4. 회원정보 수정 - [GIT](https://github.com/gpfla3690/cleanCM/commit/edf8020c48b083dec1e19229d03b4cf2d43d8622) - 1) MemberModifyForm을 dto에 만들어 줍니다. ```java @Data public class MemberModifyForm { private String loginPw; private String nickname; private String email; } ``` - 2) modifyMember(Member) - Member 클래스에 createMember밑에 다음과 같이 만들어 줍니다. ```java public void modifyMember(String loginPw, String nickname, String email){ this.loginPw = loginPw; this.nickname = nickname; this.email = email; } ``` - 3) memberService - 회원정보를 수정해 주기 위해서 로그인 아이디를 가지고 회원을 찾고 거기서 수정된 값을 넣어줍니다. ```java @Transactional public Long modifyMember(MemberModifyForm memberModifyForm, String loginId) { Member findMember = findByLoginId(loginId); BCryptPasswordEncoder bCryptPasswordEncoder = new BCryptPasswordEncoder(); findMember.modifyMember( bCryptPasswordEncoder.encode(memberModifyForm.getLoginPw()), memberModifyForm.getNickname(), memberModifyForm.getEmail() ); return findMember.getId(); } ``` - 4) memberController ```java @GetMapping("/members/modify") public String showModify(Model model, Principal principal){ Member findMember = memberService.findByLoginId(principal.getName()); model.addAttribute("member", findMember); model.addAttribute("memberModifyForm", new MemberModifyForm()); return "usr/member/modify"; } @PostMapping("/members/modify") public String doModify(MemberModifyForm memberModifyForm, Principal principal, Model model){ try { memberService.modifyMember(memberModifyForm, principal.getName()); }catch (Exception e){ model.addAttribute("err_msg", e.getMessage()); return "usr/member/modify"; } return "redirect:/"; } ``` - 5) modify.html - usr/member에 modify.html을 만들어 줍니다. - join.html의 내용을 복사해서 붙여넣기 해준다음 회원 수정에 맞게 바꾸어 줍니다. ```html 회원정보 수정 <-- 바꾸어준 부분

회원정보 수정 <-- 바꾸어준 부분

<-- 바꾸어준 부분

``` ### 6. SecurityConfig ```java @Override protected void configure(HttpSecurity http) throws Exception { http .authorizeRequests( authorize -> authorize // URL 에 따른 권한 설정 .mvcMatchers( "/members/join", "/members/login" ) .anonymous() .mvcMatchers( "/articles/**", "/", "/members/modify" < -- 추가해준 부분 ) .permitAll() .mvcMatchers( "/adm/**" ```
# 2022.01.20 ## 오늘 한 작업 ### [GIT](https://github.com/gpfla3690/cleanCM/commit/ad9a6328353c1dd9c31ebcd414f6e0d8964089fa) ### 게시판(board) #### 1. Board(Entity) - id/ name / detail / regDate / updateDate / Article(연관관계) - 생성메소드 ```java @Entity public class Board { @Id @Column(name = "board_id") @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String name; private String detail; private LocalDateTime regDate = LocalDateTime.now(); private LocalDateTime updateDate = LocalDateTime.now(); @OneToMany(mappedBy = "board", fetch = FetchType.LAZY) private List

articles = new ArrayList<>(); public static Board createBoard(String name, String detail) { Board board = new Board(); board.name = name; board.detail = detail; return board; } } ``` - Article 클래스에도 board를 추가해 줍니다.(Member 밑에 넣어줍니다.) ```java @ManyToOne(fetch = FetchType.LAZY) @JoinColumn(name = "board_id") private Board board; ``` #### 2. BoardSaveForm(dto) - name / detail ```java @Data public class BoardSaveForm { private String name; private String detail; } ``` #### 3. Repository ```java public interface BoardRepository extends JpaRepository { } ``` #### 4. Service - save ```java @Service @RequiredArgsConstructor public class BoardService { private final BoardRepository boardRepository; public void save(BoardSaveForm boardSaveForm){ Board board = Board.createBoard( boardSaveForm.getName(), boardSaveForm.getDetail() ); boardRepository.save(board); } } ``` #### 5. Controller - GetMapping(showAdd) - PostMapping(doAdd) ```java @Controller @RequiredArgsConstructor public class BoardController { private final BoardService boardService; @GetMapping("/boards/add") public String showAddBoard(Model model){ model.addAttribute("boardSaveForm", new BoardSaveForm()); return "usr/board/add"; } @PostMapping("/boards/add") public String doAddBoard(BoardSaveForm boardSaveForm){ boardService.save(boardSaveForm); return "redirect:/"; } } ``` #### 6. add.html - templates에 usr에 board 디렉토리를 만들고 그 안에 add.html을 만들어 줍니다. (article/write.html을 복사해서 붙여넣어 줍니다.) ```html 게시판 생성 <--- 바꾸어준 부분

``` #### 7. SecurityConfig - "/boards/add" url추가해주기 ```java @Override protected void configure(HttpSecurity http) throws Exception { http.authorizeRequests( authorize -> authorize .mvcMatchers("/members/join", "/members/login").anonymous() .mvcMatchers("/articles/**", "/", "/members/modify", "/boards/add").permitAll() <-- 추가해준 부분 .mvcMatchers("/adm/**").hasRole("ADMIN") .anyRequest() .denyAll() ) .formLogin() .loginPage("/members/login") .loginProcessingUrl("/members/doLogin") .usernameParameter("loginId") .passwordParameter("loginPw") .defaultSuccessUrl("/") .and() ```
# 2022.01.21 ## 오늘 한 작업 ### 1. 게시판 리스트(boardList) - [GIT](https://github.com/gpfla3690/cleanCM/commit/24dd73f07aab27e3c8796f17dacd6fcd3d2ca66b) - BoardController ```java @GetMapping("/boards") public String showBoardList(Model model){ List boardList = boardService.findAll(); model.addAttribute("boardList", boardList); return "usr/board/list"; } ``` - BoardService ```java public List findAll(){ return boardRepository.findAll(); } ``` ### 2. 게시판 디테일(boardDetail) - [GIT](https://github.com/gpfla3690/cleanCM/commit/9443d47ec4ed9503657f45e98009cb79be5a8d8f) - ArticleListDTO - dto/article 에 ArticleListDTO 클래스를 만들어 줍니다. - domain에 Article에 @Getter 어노테이션을 추가해줍니다. ```java @Data public class ArticleListDTO { private Long id; private String title; private String nickname; private LocalDateTime regDate; private LocalDateTime updateDate; public ArticleListDTO(Article article){ this.id = article.getId(); this.title = article.getTitle(); this.nickname = article.getMember().getNickname(); this.regDate = article.getRegDate(); this.updateDate = article.getUpdateDate(); } } ``` - BoardDTO - dto/board 에 boardDTO 클래스를 만들어 줍니다. - domain에 Board에 @Getter 어노테이션을 추가해줍니다. ```java @Data public class BoardDTO { private Long id; private String name; private String detail; private List articleListDTOList; private LocalDateTime regDate; private LocalDateTime updateDate; public BoardDTO(Board board, List articleListDTO){ this.id = board.getId(); this.name = board.getName(); this.detail = board.getDetail(); this.articleListDTOList = articleListDTO; this.regDate = board.getRegDate(); this.updateDate = board.getUpdateDate(); } } ``` - BoardController ```java @GetMapping("/boards/{id}") public String showBoardDetail(@PathVariable(name = "id") Long id, Model model) { try { BoardDTO boardDetail = boardService.getBoardDetail(id); model.addAttribute("board", boardDetail); } catch (Exception e) { return "redirect:/"; } return "usr/board/detail"; } ``` - BoardService ```java public BoardDTO getBoardDetail(Long id) { Optional boardOptional = findById(id); boardOptional.orElseThrow( () -> new NoSuchElementException("해당 게시판은 존재하지 않습니다.") ); Board findBoard = boardOptional.get(); List articleList = new ArrayList<>(); List

articles = findBoard.getArticles(); for(Article article : articles){ ArticleListDTO articleListDTO = new ArticleListDTO(article); articleList.add(articleListDTO); } return new BoardDTO(findBoard, articleList); } ``` ### 3. 관리자 계정 만들기(admin) - [GIT](https://github.com/gpfla3690/cleanCM/commit/ac502a8d209dfbff66594cc6f99e71caf2991304) - config에 DataInit 으로 클래스를 하나 만들어 줍니다. ```java @Component @RequiredArgsConstructor public class DataInit { private final InitService initService; @PostConstruct public void init() { initService.initAdmin(); } @Component @Transactional @RequiredArgsConstructor static class InitService { private final MemberRepository memberRepository; public void initAdmin() { BCryptPasswordEncoder bCryptPasswordEncoder = new BCryptPasswordEncoder(); Member admin = Member.createMember( "admin", bCryptPasswordEncoder.encode("admin"), "관리자", "관리자", "admin@admin.com", Role.ADMIN ); memberRepository.save(admin); } } } ``` ### 4. 게시판 수정(boardModify) - [GIT](https://github.com/gpfla3690/cleanCM/commit/f4a2b8520c48d7075d012245f8fbfea1768048e7) - dto/board 에 BoardModifyForm으로 클래스를 만들어준다. ```java @Data public class BoardModifyForm { private String name; private String detail; } ``` - Board 클래스에 modifyBoard를 만들어줍니다. - createBoard 밑에 다음과 같이 만들어 줍니다. ```java public void modifyBoard(String name, String detail){ this.name = name; this.detail = detail; this.updateDate = LocalDateTime.now(); } ``` - BoardService ```java @Transactional public Long modify(BoardModifyForm boardModifyForm) throws NoSuchElementException{ Optional boardOptional = boardRepository.findByName(boardModifyForm.getName()); boardOptional.orElseThrow( () -> new NoSuchElementException("해당 게시판은 존재하지 않습니다.") ); Board board = boardOptional.get(); board.modifyBoard( boardModifyForm.getName(), boardModifyForm.getDetail() ); return board.getId(); } ``` - BoardRepository ```java public interface BoardRepository extends JpaRepository { Optional findByName(String name); } ``` - BoardController - @RequestMapping("/adm")을 클래스 위에 넣어줍니다. - return에 있는 url을 usr/board -> adm/board로 바꾸어 줍니다. - templates에 adm 디렉토리를 만들어 주고, usr안에 있는 board디렉토리를 그대로 드래그해 adm으로 넣어줍니다. ```java @Controller @RequestMapping("/adm") <-- url에 "/adm"을 추가해주기위해 넣어줍니다. @RequiredArgsConstructor public class BoardController { @GetMapping("/boards/modify") public String showModifyBoard(Model model) { model.addAttribute("board ModifyForm", new BoardModifyForm()); return "adm/board/modify"; } @PostMapping("/boards/modify") public String doModifyBoard(BoardModifyForm boardModifyForm) { try { boardService.modify(boardModifyForm); } catch (Exception e) { return "adm/board/modify"; } return "redirect:/"; } } ``` # 2022.01.24 ## 오늘 한 작업 ### 1. 게시판 삭제 - [GIT](https://github.com/gpfla3690/cleanCM/commit/77f6696cc9f3091c4784c80575b78bc6a6c82c78) - BoardService - BoardController ### 2. 게시물 수정 - [GIT](https://github.com/gpfla3690/cleanCM/commit/d7c831f4aa214b00632ac03f0b48cd5b73538ecd) - Article에 modifyArticle만들기 - ArticleModifyForm(DTO) 만들기 - ArticleService - ArticleController ### 3. 게시물 리스트 - [GIT](https://github.com/gpfla3690/cleanCM/commit/4d2b066e4f5df18ece4c7b9c3ff27ec451551d11) - ArticleDTO(DTO) - ArticleService - ArticleContorller ### 4. 게시물 삭제 - [GIT](https://github.com/gpfla3690/cleanCM/commit/de6a9d5d39bad974c0f593d06b8d97dc05daa97e) - ArticleService - ArticleController --- # 2022.01.26 ## 오늘 한 작업 ### 게시물 디테일 - [GIT](https://github.com/gpfla3690/cleanCM/commit/4b1935e8ac2162ecee7a0c994ffe23936d9d265c) ### 게시판 리스트(html 페이지) - [GIT](https://github.com/gpfla3690/cleanCM/commit/e0f431a95787dfcfa63187b715e77c1ea3b0f774) ### 게시판 디테일(html 페이지) - [GIT](https://github.com/gpfla3690/cleanCM/commit/9f5e0c587a4a2f731c5449d8439c28ffde6f6618) --- # 2022.01.27 ## 오늘 한 작업 ### 게시판 수정 로직 개선 - [GIT](https://github.com/gpfla3690/cleanCM/commit/3bd92cc7a66f7790375647260cc5faec18cb7313) ### 게시판 수정 페이지 구현 - [GIT](https://github.com/gpfla3690/cleanCM/commit/ed5be3bddc6a31041809c1971feff2163b3f6ea4) ### 게시물 작성 로직 개선 - [GIT](https://github.com/gpfla3690/cleanCM/commit/f989f3b32f2eedc7d104a96cf42db4e9c397cc7a) ### 게시물 작성시 게시판 주입 - [GIT](https://github.com/gpfla3690/cleanCM/commit/556212ca1bfada718e7ebc811a81b6ee43aae823) --- # 2022.01.28 ## 오늘 한 작업 ### 게시글 리스트 페이지 구현 - [GIT](https://github.com/gpfla3690/cleanCM/commit/05c67984da193e17e9bdbf95af5e568b617ec3ef) ### 게시글 디테일 페이지 구현 - [GIT](https://github.com/gpfla3690/cleanCM/commit/70fbdc459d9cb356a2038dd1e1fe7db9ece415c4) ### 게시글 수정 로직 개선 - [GIT](https://github.com/gpfla3690/cleanCM/commit/72e041045dda273538bee10982456b9a1bc618de) --- # 2022.02.03 ## 정리 ### 회원 - join - login - logout - modify * 탈퇴 -> API * 중복확인 -> API ### 게시글 - write - list - detail - modify - delete ### 게시판 - add - list - detail - modify - delete ### 게시판 리스트 -> 게시판 디테일 -> 게시물 작성/ 게시판에 해당하는 게시물 리스트 -> 게시물 디테일 -> 수정/ 삭제 ### 앞으로 할 작업 #### 관리자 페이지 -> 회원, 게시글, 게시판 관리 #### 마이 페이지 -> 내가 쓴 게시물(수정/삭제), 내 정보 수정
## 오늘 한 작업 ### 게시물 수정 페이지 만들기 -[GIT](https://github.com/gpfla3690/cleanCM/commit/8da111f74ae1702df1de80cdb4388385fdc8c8fa) 1. 게시물 수정 페이지 만들기 usr/article/modify.html - 게시판 이름 - 게시글 제목 - 게시글 내용 ### test data 만들기 -[GIT](https://github.com/gpfla3690/cleanCM/commit/ff64315b22989a09dae5a0b8ba9c0608f040e568) -[GIT](https://github.com/gpfla3690/cleanCM/commit/4a3bac259a3ba91ad32256f4a5496ebcc0408c6c) 2. test data 만들기 - Board - BoardController - Board - BoardService - DataInit - 회원 다섯명 (user1, user2 .... user5) --- # 2022.02.04 1. 게시판과 게시글의 테스트 데이터 구현 -[GIT](https://github.com/gpfla3690/cleanCM/commit/87fc28e6feefb32a5b3acf3ce91e5e0b844bda42) 2. BoardList, BoardDetail을 adm 빼기 -[GIT](https://github.com/gpfla3690/cleanCM/commit/26b284bb4df65a0100d6371a01313a163d4a4872) 3. 게시글 수정 유효성 검사 -[GIT](https://github.com/gpfla3690/cleanCM/commit/26b284bb4df65a0100d6371a01313a163d4a4872) 4. 게시글 삭제/수정 구현 -[GIT](https://github.com/gpfla3690/cleanCM/commit/60e93f9578e4772a22c16d4b700f98da895e63f0) --------- # 2022.02.07 1. 회원 수정 로직 개선 -[GIT](https://github.com/gpfla3690/cleanCM/commit/56392b47213482c02ace702e49fd1a0d831e7c44) 2. 회원가입 에러메시지 렌더링 -[GIT](https://github.com/gpfla3690/cleanCM/commit/58b382f590d8df1a61428f8ef1d3404baf3b51a6) --------- # 2022.02.08 1. 회원 정보 수정 에러메시지 렌더링 -[GIT](https://github.com/gpfla3690/cleanCM/commit/6a174993431d5a5c060fd0971490dd3c5627fb53) 2. 예외 에러메시지 처리 -[GIT](https://github.com/gpfla3690/cleanCM/commit/5a2f494d1be741fbf4f4d9e283f9946d390e92cb) --- # 2022.02.09 1. 게시글 작성 에러메시지 렌더링 -[GIT](https://github.com/gpfla3690/cleanCM/tree/9aa68d27e7270cf2dcdbd1da3b0e204f2cf03c46) 2. 게시글 수정 에러메시지 렌더링 -[GIT](https://github.com/gpfla3690/cleanCM/tree/3fa4e30e3fb1f81310c840de338d82c60710f33c) 3. 게시판 생성 에러메시지 렌더링 -[GIT](https://github.com/gpfla3690/cleanCM/tree/7512a6bb2dbfdea1e306f940bab0ff815e980ae7) 4. 게시판 수정 에러메시지 렌더링 -[GIT](https://github.com/gpfla3690/cleanCM/tree/8d7ad97ae742e3cba81348fcf157118e233e281e) --------- # 2022.02.10 1. 회원 관리 페이지 작업, 회원 리스트 구현 -[GIT](https://github.com/gpfla3690/cleanCM/tree/4cfd2cfad89c3eabb3073799fe77f4bafa3c76ac) 2. 회원 관리 페이지, 회원 상세보기 로직 구현 -[GIT](https://github.com/gpfla3690/cleanCM/tree/9337a7c36d57dc8f6f3fb5b89f5ced465b8bcb9e) --------- # 웹 프로젝트 2 시작 # 2022.02.14 1. 회원 관리 페이지, 회원 상세보기 페이지 구현 -[GIT](https://github.com/gpfla3690/cleanCM/tree/7857920e1f446ff5ca6d0b42221b4ae9a865d03c) 2. 회원 관리 페이지, 회원 탈퇴 구현 -[GIT](https://github.com/gpfla3690/cleanCM/commit/ee73382f8ecc7cf8531d7377a1706429fb95a01b) --- # 2022.02.15 1. 게시판 관리 페이지, 게시판 리스트 구현 -[GIT](https://github.com/gpfla3690/cleanCM/tree/683f94e37a11369867e3312a0763840007addfc2) 2. 게시판 관리 페이지 구현 -[GIT](https://github.com/gpfla3690/cleanCM/tree/c1b25e290c5659e335837420df10da6d11b8ce61) 3. 게시판 생성,수정,삭제 버튼 구현 -[GIT](https://github.com/gpfla3690/cleanCM/tree/97dcd73fd8eeb50e219967bbe331130f85bfe885) 4. 게시물 관리 페이지, 게시물 리스트 구현 -[GIT](https://github.com/gpfla3690/cleanCM/commit/1469472d47f6dec47e1016c0966f9a1ebe93fed1) --- # 2022.02.16 1. 마이페이지 구현 -[GIT](https://github.com/gpfla3690/cleanCM/tree/2384c07f6c1e654d9a420deb4cea664badcc61e7) 2. 관리자 페이지 구현 -[GIT](https://github.com/gpfla3690/cleanCM/tree/ac95e17d3412026541877d83b74fae0c54e3979c) 3. 게시물 관리 페이지, 게시물 삭제 구현 -[GIT](https://github.com/gpfla3690/cleanCM/commit/8f96264debc333d1177009897f8a9cc25a95217b) --- # 2022.02.17 - [git](https://github.com/gpfla3690/cleanCM/tree/33824461ec8c4dd8b5ecbc04a308109ebfea1a32) ## 오늘 발생한 에러 - 프로젝트를 run한 다음에 회원가입 페이지로 가서 F12를 눌러 개발자 모드로 콘솔을 들어간 후 아이디를 입력하고 중복확인을 눌렀을 때 다음과 같은 에러가 난다. ``` SyntaxError: Unexpected token < in JSON at position 0 join.js:44 ``` ### 해결방법 - 원인 - 에러에 join.js:44 는 join.js에 error 가 발생하면 console.log로 콜솔에 나오게 만들었기 때문에 다음과 같이 찍힌다. - 현재 console.log로 찾아봤을 때 console.log(response) 하면 값이 잘 나오는데 response.json() 하면서 에러가 난다. - 이는 SpringConfig에서 오늘 controller에서 만들어준 url을 "members/check/**" 이 아닌 "/members/check/**" 로 바꾸어 주면 된다. ``` .mvcMatchers( "/members/join", "/members/login" ,"/members/check/**" ) .anonymous() ``` ## join.html수정 ```html < ``` # 2022.02.18 ## 회원가입시 닉네임 중복확인 - [Git](https://github.com/gpfla3690/cleanCM/tree/4513e3bf0318b38d4b52977d04931da37cd47208) --- # 2022.02.21 ## 회원가입시 이메일 중복확인 - [git](https://github.com/gpfla3690/cleanCM/commit/9fe0449b1a0df0f944aaa8b027c67bc18be1866f) ## 게시글 페이징 로직 구현 - [git](https://github.com/gpfla3690/cleanCM/commit/434c6b48f2b59d842dfbd328b7d8e267c913c9b7) ## 게시글 페이징 완료 - [git](https://github.com/gpfla3690/cleanCM/commit/9fe0449b1a0df0f944aaa8b027c67bc18be1866f) --- # 2022.02.22 ## 게시글 검색 기능 구현 - [git](https://github.com/gpfla3690/cleanCM/commit/d30627fe2c026b379b0c3fd65830ca562f12a8a6) ## 검색기능과 페이지 유지기능 구현 - [git](https://github.com/gpfla3690/cleanCM/commit/97f832fd6fd9d7e022afa57d7371e6cce545e5bb) --- # 2022.02.23 ## 검색기능 개선 -[git](https://github.com/gpfla3690/cleanCM/commit/9c0aaa68c2f5e278ee9a7d8d92a0d64f62dae6f9) ## 임시 비밀번호 발급 기능 및 이메일 전송기능 구현 -[git](https://github.com/gpfla3690/cleanCM/commit/54b07211f1db9100e6d3560662d4417623863eff) --- # 2022.02.24 ## yml 분리 - [git](https://github.com/gpfla3690/cleanCM/commit/de6a6f67c7da956ffe165d9a84a24b51d5091fb0) --- # 2022.02.25 ## 메일 발송 기능 수정 -[git](https://github.com/gpfla3690/cleanCM/commit/a874f3d9245ee74eeb17ce4b0117f8d32c9190c8) ## 이메일 발송 중간 로딩화면 구현 -[git](https://github.com/gpfla3690/cleanCM/commit/0805da3092592e63ba53bed3c900c95b1fa29f0b) --- # 2022.02.28 ## 회원 탈퇴기능 구현 -[git](https://github.com/gpfla3690/cleanCM/commit/09db68c4be5af817a391f3848f89151b808cee33) --- # 2022.03.02 ## footer 구현 -[git](https://github.com/gpfla3690/cleanCM/commit/f3e9bab9d1ef9fc4249431398957d4ccb07d73d3) ## index에 carousel추가 - [flowbite](https://flowbite.com/docs/getting-started/quickstart/#include-via-cdn) - flowbite가 업데이트되어서 이전에 layout에 추가해주었던 것을 최신버전으로 바꾸어 줍니다. (css와 javascript모두 불러와줍니다.) -[git](https://github.com/gpfla3690/cleanCM/commit/557a2d7bf4dd53fff6b494191ffbf3cb287bab1b) --- # 2022.03.03 ## 인덱스페이지 완료 -[git](https://github.com/gpfla3690/cleanCM/commit/df44778c648ab524424e5eb11066ce83c80c79cb) ## 게시판 리스트 완료 - [git](https://github.com/gpfla3690/cleanCM/commit/58abef4b31ccf3cc5a858c167de15076a6c4c8ad) ## 게시판 상세보기 ui 1차 - [git](https://github.com/gpfla3690/cleanCM/commit/0a3b24021018b6ba91c5cbc41207c40b882dd106)\ --- # 2022.03.04 ## 게시판 상세보기 ui 완료 -[git](https://github.com/gpfla3690/cleanCM/commit/2e01edbdcffc77854df205e8f3b2803b3e4b0796) ## 게시글 상세보기 ui 완료 - [git](https://github.com/gpfla3690/cleanCM/commit/43194f3ed7f5cc12c0ced067e8116ddd75236dff) --- # 2022.03.07 ## 게시글 작성 ui 구현 -[git](https://github.com/gpfla3690/cleanCM/commit/f2a537314049e77c88215143ee0bfb81b3be3a7a) ## 탑바 수정 - [git](https://github.com/gpfla3690/cleanCM/commit/d20661e4cbe73ff015dc88699e6f25fb3df5d8ae) ## 게시글 수정 ui 완료 - [git](https://github.com/gpfla3690/cleanCM/commit/599072b05710c34874cd28660eacae9172551120) ## 마이페이지 ui 1차 - [git](https://github.com/gpfla3690/cleanCM/commit/70d390528603461f63c07a68e0fbb65df521b6fa) --- # 2022.03.08 ## 마이페이지 ui 1차 - [git](https://github.com/gpfla3690/cleanCM/commit/4b7444aaaabcf48ebb455c481e61991266a6dd7f) ## 마이페이지에 이미지 추가 - [git](https://github.com/gpfla3690/cleanCM/commit/f8185f966a802b13a411b18881dd2ee8e5334ea3) ## 관리자 layout 구현 - [git](https://github.com/gpfla3690/cleanCM/commit/73aacca682c3c22256c64f4149c2a2c94f12281b) --- # 2022.03.10 ## 회원관리 기능 완성 -[git](https://github.com/gpfla3690/cleanCM/commit/9226a6ec17c75ec96b7286402a031fc29b75b160) ## 게시판관리 기능 1차 - [git](https://github.com/gpfla3690/cleanCM/commit/8c00c0d8847befe09e92b7cdf8572b5242b32ce3)

웹 프로젝트 1