boostcampwm-2022 / web06-weview Goto Github PK

기능 추가/수정

설명

• NestJS + typescript 환경을 설정한다.

🗒 체크리스트

• 🔥 Nest js + typescript 환경 설정
• 🔥 3000번 포트에서 8000번 포트로 수정
• 🔥 동작 테스트

참고자료

기능 추가/수정

설명

하나의 엔티티에서 함께 작업할 수 있게 구조를 먼저 설계합니다.

🗒 체크리스트

• 🔥 controller 생성
• 🔥 service + service test 생성
• 🔥 테스트 실행

참고자료

기능 추가/수정

설명

글 작성 기능을 구현한다.

🗒 체크리스트

• 🔥 서비스 레이어 테스트케이스를 작성한다.
• 🔥 게시글을 데이터베이스에 저장한다.

참고자료

기능 추가/수정

설명

cypress를 이용한 로그인까지의 간단한 테스트를 작성하려고 합니다.

🗒 체크리스트

• 🔥 로그인 버튼이 보이는지
• 🔥 로그인이 되면 버튼이 바뀌는 지

참고자료

https://docs.cypress.io/guides/end-to-end-testing/auth0-authentication#Adapting-an-Auth0-App-for-Testing

기능 추가/수정

설명

AuthService의 메서드를 사용해 AuthController의 GET /api/auth/github API를 만든다.

🗒 체크리스트

• 🔥 깃허브의 토큰을 사용해 정보를 받아오는 로직을 Service로 이동시킨다.
• 🔥 GET /api/auth/github API를 만든다.
• 🔥 기능이 정상적으로 동작하는지 테스트한다
• 🔥 DTO를 만든다

참고자료

기능 추가/수정

설명

글 작성 기능을 추가합니다.

🗒 체크리스트

• 🔥 글 하이라이팅
• 🔥 useBearStore 삭제
• 🔥 글쓰기 API로 유저가 작성한 글 보내기

참고자료

기능 추가/수정

설명

• nCloud를 사용해 개발 서버 환경을 구축한다.
• Ubuntu 18.04
• Node 16

체크리스트

• 개발 서버 생성
• DockerFile 작성
• 도커 컨테이너 생성
• 깃허브 액션을 사용한 자동배포 환경 구축

참고자료

기능 추가/수정

설명

• 게시물 작성 기능에 대한 e2e 테스트를 작성합니다.

🗒 체크리스트

• 🔥 게시물 작성 기능에 대한 e2e 테스트 작성

참고자료

기능 추가/수정

설명

client폴더에 zustand Store 사용 예제로 있던 useBearStore를 삭제하고 constants 디렉토리 위치를 src 안으로 이동합니다.

🗒 체크리스트

• 🔥useBearStore를 삭제
• 🔥constants 디렉토리 위치를 src 안으로 이동

참고자료

기능 추가/수정

설명

TypeORM을 적용한다.

🗒 체크리스트

• 🔥 TypeORM을 연결한다.
• 🔥 엔티티를 생성한다.

참고자료

기능 추가/수정

설명

Github OAuth를 받아오는 과정에서 user:email 권한을 추가해도 email이 넘어가지 않는 버그가 발생

추후 해결 필요

🗒 체크리스트

• 🔥 클라이언트측 깃허브 요청 URL에 scope 파라미터 추가
• 🔥 서버에서 Github OAuth 를 통해 email이 넘어오는지 확인

참고자료

기능 추가/수정

설명

반응형 레이아웃을 위한 전역 스타일 지정

🗒 체크리스트

• 🔥폰트
• 🔥nav-postbar 레이아웃
• 🔥공통 로직 분리

참고자료

기능 추가/수정

설명

infinite scroll 방식으로 게시물 목록 기능을 구현한다.

🗒 체크리스트

• 🔥 서버에서 지정한 크기의 데이터만큼 클라이언트에게 제공한다
• 🔥 parameter에 따라 적절한 결과를 검색이 되도록 한다

참고자료

기능 추가/수정

설명

🗒 체크리스트

• 🔥 로그인 버튼 컴포넌트 -> 팝업 or 모달 -> 로그인 후 프로필 사진 보이게
• 🔥 리다이렉트 페이지 (코드 파싱 후 api 요청)http://localhost:5173/redirect/github
• 🔥 코드 밸리데이팅 인터셉터 (accessToken 만료시 token refresh)
• 🔥 프사 클릭해서 로그아웃 가능

참고자료

기능 추가/수정

설명

🗒 체크리스트

• Readme.md 추가

참고자료

기능 추가/수정

설명

• CRA가 아닌 Vite를 사용하여 React + TS 환경을 설정한다.

🗒 체크리스트

• 🔥 Vite 환경설정

참고자료

기능 추가/수정

설명

• 설정한 전역 스타일 레이아웃에서 PostBar, Post 레이아웃을 세부적으로 구현합니다.

🗒 체크리스트

• 🔥window(브라우저) 대신 Main 페이지 크기에 반응하도록 변경
• 🔥font-size 변경 (rem 비율 조정)
• 🔥이미지 슬라이더 구현

참고자료

기능 추가/수정

설명

pre push hook을 이용하여 main branch와 dev 브랜치에 push가 안되게끔 하려고 합니다.

🗒 체크리스트

• 🔥 pre push hook 세팅

참고자료

기능 추가/수정

설명

도메인 별로 REST API를 설계한다.

🗒 체크리스트

• 🔥 1~5주차 REST API를 설계한다.
• 🔥 Postman을 사용하여 유즈케이스를 만든다.

참고자료

기능 추가/수정

설명

• 프론트엔드 개발에 필요한 기술 스택(라이브러리 등) 을 정한다.

🗒 체크리스트

• 🔥클라이언트 전역 상태 관리 라이브러리
• 🔥서버 상태 관리 라이브러리
• 🔥스타일링 설정

참고자료

기능 추가/수정

설명

• Git hooks를 사용하여 CI 파이프라인을 구축한다.

🗒 체크리스트

• 🔥Git hooks Pre-commit 설정

참고자료

기능 추가/수정

설명

• Github Actions CI/CD 파이프라인을 구축한다.

🗒 체크리스트

• 🔥프론트엔드
• 🔥백엔드

참고자료

기능 추가/수정

설명

🗒 체크리스트

• 🔥MSW 적용으로 Mock 데이터를 추가할 수 있는 환경을 설정한다.
• 🔥Mock 데이터 기준 테스트를 적용할 수 있는 환경을 설정한다.
• 🔥Github OAuth API 에 대한 테스트를 작성한다.

참고자료

https://tech.kakao.com/2021/09/29/mocking-fe/

기능 추가/수정

설명

npm ci can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync

🗒 체크리스트

• 🔥 client package-lock.json 파일 업데이트
• 🔥 CD workflows Object Storage 개발서버, 배포서버 이름 변경

참고자료

기능 추가/수정

설명

게시글 무한 스크롤을 구현한다.

🗒 체크리스트

• 🔥 게시글 화면 레이아웃
• 🔥 무한 스크롤 기능 추가
• 🔥 한 화면에 글 하나만 보이게끔

참고자료

기능 추가/수정

설명

글 작성 모달을 메인 페이지의 무드에 맞게 수정하려고 합니다.

🗒 체크리스트

• 🔥 언어 선택 기능
• 🔥 글 작성 모달 조금 더 직선적으로 변경
• 🔥 태그 인풋창 스타일링

참고자료

기능 추가/수정

• root 디렉토리에 있던 constants 폴더가 src 디렉토리 안으로 이동했는데, 충돌이 따로 나지 않아서 실행 시 런타임에서 버그가 발생하여 수정해야 함.

설명

🗒 체크리스트

• 🔥경로 버그 수정
• 🔥constants, regexp 등 병합

참고자료

기능 추가/수정

설명

글 작성 모달을 만들고 이미지화 기능은 없이 제목 이미지,본문,태그가 보내지는 기능을 개발한다.

🗒 체크리스트

• 🔥 nav layout
• 🔥 글쓰기 버튼 클릭 시 모달 등장
• 🔥 모달 닫기
• 🔥 글쓰기 레이아웃

참고자료

기능 추가/수정

react query를 사용하는 hook 들을 test하기 좋은 환경을 만들어 놓으려 합니다.

설명

🗒 체크리스트

• 🔥 queryClient를 분리한다.
• 🔥 test를 위한 queryClient 세팅을 해둔다.

참고자료

• rq 커스텀 훅 테스팅

기능 추가/수정

설명

사용자의 토큰을 갱신 또는 제거합니다.

🗒 체크리스트

• 🔥 테스트 코드 작성
• 🔥 사용자의 액세스 토큰과 리프레쉬 토큰을 갱신
• 🔥 사용자의 액세스 토큰과 리프레쉬 토큰을 제거

참고자료

기능 추가/수정

설명

Github OAuth 방식을 사용해 User의 정보를 받아온다.

🗒 체크리스트

• 🔥 axios 라이브러리를 사용해 Github로 요청을 보낸다.
• 🔥 Github OAuth로 Github 정보(id, avatar_url, email)를 가져온다.

참고자료

기능 추가/수정

설명

• 게시글에 포함된 이미지가 작성되지 않는 버그를 수정합니다.

🗒 체크리스트

• 🔥 게시글에 포함된 이미지가 작성되지 않는 버그 수정

참고자료

기능 추가/수정

설명

cannot be compiled under '--isolatedModules' because it is considered a global script file. Add an import, export, or an empty 'export {}' statement to make it a module. TS1208

🗒 체크리스트

• 🔥버그 수정

참고자료

https://proglish.tistory.com/141

기능 추가/수정

• 리뷰 작성 기능을 구현합니다.

설명

🗒 체크리스트

• 🔥 리뷰 작성 기능 구현

참고자료

기능 추가/수정

설명

• 해시태그 포스팅 관련 기획 변경으로 해시태그 레이아웃을 분리하고 관련 로직을 추가합니다.

🗒 체크리스트

• 🔥 해시태그 레이아웃 분리
• 🔥 해시태그 엔터나 스페이스 이벤트 시 발생할 이벤트 함수 생성

참고자료

기능 추가/수정

설명

• 팝업 창에서 github 로그인 시 발생하는 에러를 해결한다.

🗒 체크리스트

• 🔥오류 해결

참고자료

• related #19

기능 추가/수정

배포환경에서 npm run prepare 돌아가서 실패하는 에러 수정

설명

🗒 체크리스트

• 🔥도커파일에서 npm install --ignore-scripts 옵션을 추가합니다.

참고자료

기능 추가/수정

설명

🗒 체크리스트

• 🔥 client-integration 파일 수정
• 🔥 server-integration 파일 수정

참고자료

기능 추가/수정

설명

협업을 위한 ESLint와 Prettier를 설정합니다.

🗒 체크리스트

• 🔥 FE
• 🔥 BE

참고자료

기능 추가/수정

설명

• 프론트엔드 테스트 코드를 작성할 수 있는 상태를 설정한다.

🗒 체크리스트

• 🔥Cypress
• 🔥Jest
• 🔥동작 테스트

참고자료

기능 추가/수정

설명

서버의 테스트 코드가 실행되지 않는 버그를 수정한다.

🗒 체크리스트

• 🔥 테스트 코드가 실행되지 않는 버그 수정

참고자료

https://juneyoung.io/development-nestjs-usecase-unit-test-with-di-220320

스타일링

설명

navigation 바를 스타일링합니다.

🗒 체크리스트

• 🔥 전역에 있는 헷갈리는 레이아웃들을 수정한다.
• 🔥 프로필 관련 레이아웃을 디자인한다.

참고자료

기능 추가/수정

설명

• 프론트엔드, 백엔드 별로 프로젝트 디렉토리 구조를 설정한다.

🗒 체크리스트

• 🔥FE 디렉토리 구조 설정
• 🔥BE 디렉토리 구조 설정

참고자료

기능 추가/수정

설명

인증/인가에 관련해서 정상적으로 로직이 작동하는지 검사하는 e2e 테스트를 작성한다.

🗒 체크리스트

• 🔥 e2e 테스트를 작성한다.

참고자료

기능 추가/수정

설명

• 프로젝트 협업을 위한 Git 환경설정을 진행합니다.

🗒 체크리스트

• 🔥 git-cz 설정 (커밋 메세지)
• 🔥 github Issue 컨벤션 설정
• 🔥 github PR 템플릿 컨벤션 설정

참고자료

기능 추가/수정

설명

엔티티 간 관계를 볼 수 있는 ERD를 설계한다.

🗒 체크리스트

• 🔥 ERD Cloud를 사용해 ERD를 만든다.

참고자료

기능 추가/수정

설명

가독성, 통일성 등의 이유로 API 명세를 변경했습니다.

🗒 체크리스트

• 🔥 반환하는 값이 API 명세와 일치하는지 확인한다.

참고자료

기능 추가/수정

• Push, PR 시 빌드와 테스트코드 테스트를 진행하도록 CI workflow를 구성한다.

설명

🗒 체크리스트

• 🔥Client
• 🔥Server

참고자료

기능 추가/수정

설명

• related #60

현재 props driling 이슈를 해결하기 위해 useContext 훅을 사용하는데, 업데이트에 맞추어 재사용 이슈가 있을 수 있으므로 최적화한다.

🗒 체크리스트

• 🔥성능 최적화

참고자료

기능 추가/수정

설명

Github에서 받아온 정보를 사용해,
DB에 email이 등록되지 않은 사용자는 회원가입을 시킨 뒤 정보를 가져온다.
기존에 email이 등록된 사용자는 email을 통해 정보를 가져온다.
받아온 정보를 사용해 JWT 토큰을 만들어 반환한다.

🗒 체크리스트

• 🔥 Service 계층 테스트 케이스를 만든다.
• 🔥 Service 계층에서 회원 조회 기능을 만든다.
• 🔥 Service 계층에서 회원 가입 기능을 만든다.
• 🔥 Service 계층에서 토큰을 생성한다.

참고자료