The Board 프로젝트 환경 설정 프로젝트 선정 이유가장 기초적인 게시판 프로젝트의 다양한 기능을 구현해보고 싶어졌다. ※ 도입 기능 종류- 게시글 제목 검색 기능- 게시글 정렬 기능 ('조회수', '작성일자', '좋아요' 정렬(오름차순, 내림차순))- 좋아요 기능- 이미지 파일 취급 - 작성자 클릭시 작성글 확인 기능
전체 글
[구현 기능 설명]"Task 테이블" 옆에 체크 표시를 생성하고, 체크 표시를 통해 '완료 / 비완료 과업'을 구분한다.151, 149, 147, 141, 139 번의 박스를 클릭할 경우, 체크된 박스 이미지로 변경된다. [Task.class - Entity]@Entity@Getter@NoArgsConstructor(access = AccessLevel.PROTECTED)@AllArgsConstructorpublic class Task extends BaseEntity{ /** * task_id(PK) * title * content * isChecked * member_id(FK) */ @Id @GeneratedValue @Column(nam..
[문제 상황]서로 다른 2개의 테이블을 페이징 하였으나 서로 페이지 번호가 동기화 되어 움직인다. "비완료 과업" 테이블의 페이지를 변경했지만, "비완료 과업" 과 "완료 과업" 테이블의 페이지가 동시에 같은 페이지로 이동되는 문제가 발생하였다. [문제 원인]1. "finishedTaskList" 와 "unfinishedTaskList" 가 같은 "Pageable" 사용 /** * member Information ("/members/info") */ @GetMapping("/info") public String memberInformation(@PageableDefault(sort = "id", direction = Sort.Direction.DESC) Pageable..
구글, 네이버 로그인에 이어 카카오 로그인을 구현하겠다. 1. KAKAO OAuth 서비스 등록하기https://developers.kakao.com Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com 1-1) 애플리케이션 추가하기"애플리케이션 추가하기" 를 클릭한다. 애플리케이션 추가하기 > 앱 이름 : "task app project"> 회사명 : "개인"> 카테고리 : "라이브러리/데모"※ '회사명' , '카테고리' 는 임의로 작성하였다."저장" 버튼을 클릭하여 애플리케이션을 추가한다. 추가된 애플리케이션 "task app project" 를 확인..
구글 로그인에 이어서 네이버 로그인을 구현 하겠다. 1. 네이버 OAuth 서비스 등록 https://developers.naver.com/main/ NAVER Developers네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음developers.naver.com 1-1) "애플리케이션 등록" 화면으로 이동- [Application] -> [애플리케이션 등록] 클릭한다. 1-2) "애플리케이션 등록" 진행- "애플리케이션 등록" > "애플리케이션 이름" 입력 - "애플리케이션 등록" > "사용 API" > "네이버 로그인" 선택 > "제공 정보 선..
0. 소셜 로그인 사례많은 웹 서비스에서 구글, 카카오, 네이버, 애플 등 다양한 로그인 방식을 채택하고 있다.그 중 구글 로그인 방식을 구현하도록 하겠다. 1. Google OAuth 서비스 등록1-1. Google OAuth 서비스를 등록하기 위해 "구글 클라우드 콘솔" 로 접속한다.https://console.cloud.google.com/apis Google 클라우드 플랫폼로그인 Google 클라우드 플랫폼으로 이동accounts.google.com 1-2. Google OAuth 서비스 등록하기"Google Cloud" 로고 옆에 프로젝트 선택 드롭다운을 클릭한다. "새 프로젝트" 를 클릭한다. "프로젝트 이름" 을 입력하고 "만들기" 버튼을 누른다. 사이드 메뉴에서 "OAuth 동의 화면" 을..