$$config title: DevBoard keywords: - 커뮤니티 프로젝트 - Q&A $$ # 프로젝트 주제 : 개발자 Q&A 커뮤니티 # 적어야 할 목록 - 어떤 작업을 했는지 - 작업을 진행하면서 발생한 오류나 몰랐던 부분 # 작업일자 : 2022.06.19. ~ 07.05. - [github 코드](https://github.com/goodmean/devQA_CM) # 기술스택 - 백엔드 : Java / spring Boot - 프론트 : thymeleaf, Bootstrap - 빌드툴 : gradle - ORM(Object Relational Mapping) : Spring data JPA - Spring Security - DB : MariaDB - 빌드 : Jar - IDE : [intelliJ](https://www.jetbrains.com/ko-kr/idea/download/#section=windows) # 기능 - User (회원) - join(회원가입) - login(로그인) - logout(로그아웃) - Question(질문) - list(리스트) - detail(상세내용) - create(등록, 등록일표시) - modify(수정, 수정일표시) - delete(삭제) - search(검색) - vote(추천) - author(작성자표시) - Answer (답변) - create(등록, 등록일표시) - modify(수정, 수정일표시) - delete(삭제) - vote(추천) - author(작성자표시) - 리스팅/페이징 - 앵커 - 마크다운 - 검색 # 작업내용 ## 06.19. - 내용 - DB세팅 및 JPA 설정 - 핵심내용 - Error creating bean with name 'dataSource' defined in class path resource 오류 - ```runtimeOnly 'org.mariadb.jdbc:mariadb-java-client'``` 으로 연동을 안해서 발생 - ```org.hibernate.dialect.MariaDB103Dialect``` - JPA에 어떤 DBMS를 사용하는 알려주는 방법 ## 06.20. - 내용 - 엔티티 생성 - [커밋 메세지 수정하기](https://goodmean.tistory.com/97) - 리포지터리 테스트 - 핵심내용 - ```@OneToMany```, ```@ManyToOne``` - 답변은 Many(많은 것)가 되고 질문은 One(하나)이 된다. 따라서 @ManyToOne은 N:1 관계 ## 06.21. - 내용 - 질문 목록, 템플릿 - ROOT URL을 질문 목록으로 수정 - 서비스 - [부트스트랩](https://getbootstrap.com/docs/5.1/getting-started/download/) - 핵심내용 - ```th:each="question : ${questionList}"``` - ```redirect:``` - [서비스가 필요한 이유](https://goodmean.tistory.com/119) ## 06.22. - 내용 - 질문 등록 - 오류메시지 출력 - 오류메시지 템플릿화 - 핵심내용 - Spring Boot Validation - ```

``` ## 06.23. - 내용 - 네비게이션 바 html 작업 - 페이징 구현 - 작성일시 역순 조회 - 핵심내용 - bootstrap.min.js - jpa paging ## 06.24. - 내용 - 게시물 일련번호 정렬하기 - 답변 개수 표시 - 핵심내용 - 타임리프 문자 합치기 ## 06.26. - 내용 - 회원가입 - 버튼 수정 - 핵심내용 - @Valid 를 안써서 생긴 오류 - [스프링 시큐리티](https://goodmean.tistory.com/101) ## 06.27. - 내용 - 로그인, 로그아웃 구현 - 로그인이 필요한 기능 로그아웃 상태에서 제한 - 핵심내용 - ```@PreAuthorize("isAuthenticated()")``` 로그인이 필요한 메서드 - ```@PreAuthorize("isAuthenticated()")``` 로그아웃 상태에서 호출되면 로그인 페이지로 이동 ## 06.28. - 내용 - 작성자 표시 - 부트스트랩 말줄임 - 핵심내용 ```java

Praeterea iter est quasdam res quas ex communi.

Praeterea iter est quasdam res quas ex communi. ``` ## 06.29. - 내용 - 질문수정 기능 구현 - 핵심내용 - 수정일시 칼럼을 아래 쿼리로 추가 했을 때 오류 ```sql ALTER TABLE question ADD COLUMN modify_date DATETIME NOT NULL; ``` - 기존 Question에 없던 modify_date 를 넣으니 당연히 null 값이 들어가는데 not null 을 주니 발생한 오류. not null 을 빼거나 default값을 설정해준다. ## 06.30. - 내용 - 질문삭제, 답변 수정 및 삭제 기능 구현 - 핵심내용 - 오류 -> delete 확인창 자바스크립트 코드를 만들어놓고 class에 delete를 빠뜨림 ## 07.03. - 내용 - 추천 기능 구현 - 답변등록, 수정, 추천 시 앵커 태그를 이용하여 해당 위치로 리다이렉트 - 핵심내용 - 추천은 중복을 허용하지 않는 기능이므로 set 으로 설정. ```java return String.format("redirect:/question/detail/%s#answer_%s", answer.getQuestion().getId(), answer.getId()); ``` ## 07.04. - 내용 - [마크다운](www.markdownguide.org/getting-started) 적용 - 검색기능 - 핵심내용 - ```implementation 'org.commonmark:commonmark:0.18.1'``` commonmark는 스프링부트가 내부적으로 관리하는 라이브러리가 아니므로 버전을 명시해야 한다. 스프링부트가 내부적으로 관리하는 라이브러리는 버전을 명시하지 않으면 궁합이 잘 맞는 버전으로 자동 선택한다. - [마크다운에디터](https://simplemde.com/) 마크다운 문법을 몰라도 simplemde와 같은 마크다운 UI 도구를 사용하면 마크다운을 보다 쉽게 사용할 수 있다. ## 07.05 - 내용 - @Query를 이용한 검색 기능 - 핵심내용 ```java @Query("select " + "distinct q " + "from Question q " + "left outer join SiteUser u1 on q.author=u1 " + "left outer join Answer a on a.question=q " + "left outer join SiteUser u2 on a.author=u2 " + "where " + " q.subject like %:kw% " + " or q.content like %:kw% " + " or u1.username like %:kw% " + " or a.content like %:kw% " + " or u2.username like %:kw% ") Page findAllByKeyword(@Param("kw") String kw, Pageable pageable); ``` # 동작 화면 ## 홈 화면 - ![홈 화면](https://i.imgur.com/2IUlc8P.png) ## 로그인 화면 - ![로그인](https://i.imgur.com/rsz2c1o.png) ## 검색 - ![검색](https://i.imgur.com/uYdX0mN.png) ## 회원가입 - ![회원가입](https://i.imgur.com/61SpasU.png) ## 페이징 - ![페이징](https://i.imgur.com/jJhZWwE.png) ## 질문 상세, 답변 - ![디테일](https://i.imgur.com/po5mv1e.png) ## 추천 - ![추천](https://i.imgur.com/B6qIzAi.png)