컨텐츠 기능 개발

• BackEnd 기능 구현완료

  • 컨텐츠 등록
  • 컨텐츠 검색
  • 컨텐츠 상세 조회
  • 컨텐츠 후원
  • 컨텐츠 댓글 등록
  • 컨텐츠 댓글 목록 조회

• FrontEnd 기능 목록

  • 컨텐츠 등록
    • 작업중, 후원대상기관 선택하는 UI 추가 필요
  • 컨텐츠 검색
  • 컨텐츠 상세 조회
  • 컨텐츠 후원
  • 컨텐츠 댓글 등록
  • 컨텐츠 댓글 목록 조회

• 회원가입 기능 / 화면 개발

프로젝트 초반 구성 설정

learning-hub-be

• 러닝허브 서비스 B/E

learning-hub-fe

• 러닝허브 서비스 F/E

• 파일명, import 등 : 파스칼 케이스
• 사용 시 : 케밥 케이스

learning-hub-be

learning-hub-fe

• 전역 컴포넌트 -> 지역 컴포넌트 분리
• 유저 별 로그인처리

작업순서

1. 스토어 상수 정의하기

• 모듈명
• mutations, getters, actions의 이름들

2. 기존에 작업된 코드들 상수 사용하는 것으로 변경하기
3. 모델 (models) 정의하기
4. 3. 페이지 > 컨테이너 > 컴포넌트 구조로 변경하기 ~ 스토어 병행

규칙

• 페이지 > 컨테이너 > 컴포넌트s 순으로 구조 잡기

  • 데이터 초기화 (API나 vuex에서 가져오는것 등)은 컨테이너 한다.

• 2가지 컴포넌트에서 필요한 데이터는 store에서 관리

  • 단, Page 및 Page 1단계 하위로 매핑되는 데이터는 제외
  • 같은 레벨 컴포넌트간 혹은 2단계 이상에 걸쳐 사용되는 데이터는 store 고려

• 혹은 데이터 성격에 따라 store에서 사용할 지 고려

• store에서 사용되는 데이터 모델 만들기

  • ex) Pagination, ContentSearchModel, ContentDetail, UserInfo, etc...

• state를 그대로 사용할 수 있는 경우는 state 그대로 사용

• state를 가공해서 사용해야하는 경우 getters로 정의해 사용

• state를 단위별로 레벨링해서 관리

  • ex) 검색에 필요한 것 단위, 페이지 단위

• mutaion는 getter / setter 로 사용하는 것이 아닌 비즈니스 수준으로 정의

• action은 1개의 API 작업 수행 후 변경사항을 mutation통해 state에 반영

• store에서 사용되는 모든 요소 상수로 처리

• 세미콜론 처리 참고

• 헷갈리거나 애매하다면 서로 이야기해보기

컨텐츠

• 댓글

  • 댓글 목록 조회 API
  • 댓글 등록 API
  • 댓글 목록 조회 화면
  • 댓글 등록 화면

• 후원하기

  • 후원 API
  • 후원하기 관련 화면 작업

마이 페이지

• 내 정보

  • 사용자 정보 조회 화면

• 기부금 관리

  • 사용자 후원내역 조회 API, 화면 (일반사용자)
  • 사용자 수익 내역 조회 API, 화면 (오팔)

기관 기부금 현황

• API, 화면

시간 남으면 할 것

• 탈퇴
  • 탈퇴 API, 화면

내 정보 보기 기능 개발

• 내 정보

  • 사용자 정보 조회 화면

• 기부금 관리

  • 사용자 후원내역 조회 API, 화면 (일반사용자)
  • 사용자 수익 내역 조회 API, 화면 (오팔)

정산 스케쥴러 기능 개발

• 컨텐츠 후원, 기관 후원 엔티티 상위 후원 추상 클래스 사용

• 정산 로직에서 반복되는 코드 제거

• 정산 스케쥴러 날짜 관련 코드 수정

• 정산 서비스 -> 주기 정산 메소드를 정산 메소드로 변경

기능

• Spring Security 설정
• 사용자 가입 API
• 사용자 로그인 토큰 발급 API

기관 기부금 현황

데이터

1. 기관 기부금 목록 조회 (OrgDonationRepository에 기능 구현)

select org_no, sum(amount) from org_donation group by org_no

2. 기관정보 + 기부금 총합 정보를 내려주는 작업 구현 (코어기능은 DonationService에 구현, Usecase는 OrganizationService에 구현)
3. API 엔드포인트 작성 (OrganizationController 에 구현)

• 기관 데이터 추가 기능 개발
• 기관 목록 조회 개발

router path, vuex 에서 상수로 처리하기