[나만무] 어제까지 진행 상황 & CI/CD 테스트

일요일 아침

일요일 날이라 오랜만에 잠을 푹자고 일어나려고 하니 번떡 눈이 떠졌다.
10시쯤 강의실에 도착하니, 강의실에는 딱 한 명의 동기만 있었다.

어제까지 내 프로젝트 진행

• 가구 데이터 크롤링 (더미 데이터 보다 실제 DB에 있는 데이터로 진행하고자 먼저 데이터를 크롤링 함)

• 메인 페이지 사이드 바
  
  가구 클릭 시 3d 모델로 가져온다.
  이걸 구현할 때 고려한 점

  • 한 번에 너무 많은 데이터를 가져오면 로딩 시 느려지지 않을까? 해서 페이징으로 한 번에 5개씩 데이터를 가져오는 것으로 구현했다. (이후에 변경이 있을 수도)

• 검색창 구현
  

  • 이를 구현하는데 꽤 시간이 걸렸다. 핑계를 만들어 보자면 내 코드가 아닌, 팀장님의 코드를 보고 작성해야 했기 때문이다.
    그래서 코드의 흐름을 이해하는데 꽤 오랜 시간이 걸렸고, 하면서 여러 번 수정해야 했다.
  • 버그 또한 존재했다. (하지만 수정 완료)
    예를 들어,
    1. A를 검색
    2. 이후 페이지 전환 후 다시 B 검색
    
    3. 하우스 클릭 -> url 이동 -> 뒤로 가기 하면 B의 검색 정보가 나와야 하는데,
    A의 검색 화면이 뜨는 url을 기억하지 못하는 버그 등이 있었다.

• CI 테스트 (Clone Repo에서 Test)
  CI가 그래서 뭔데?
  Continuous Integration의 약자로 코드를 하나로 병합한다.
  병합하는 과정 혹은 병합한 이후에 자동 테스트를 통해 보다 편리하게 병합, 테스트 관리를 도와주는 기술이다.
  

코드는 AI에게 부탁해 이해하면서 진행했다.

name: CI

on:
  pull_request:
    branches: ["dev"]
  push:
    branches: ["feat/**"]

테스트용으로 이렇게 작성했다.
1. dev 브랜치로 PR이 생성될 때 트리거 발생
2. feat/ * 시작하는 브랜치에서 push할 때 트리거 발생한다.

# --- Next.js(Web) ---
      - name: Install deps (next)
        run: npm ci
        working-directory: next/

# 소스 코드에 있는 잠재적인 오류, 버그, 스타일 문제를 찾아내는 정적 코드 분석 도구
      - name: Lint (next)
        run: npm run lint --if-present
        working-directory: next/

      - name: Test (next)
        run: npm test --if-present -- --ci
        working-directory: next/

      - name: Build (next)
        run: npm run build
        working-directory: next/

테스트는
1. Next
2. Socket server (Nest)
3. Docker

이렇게 크게 3가지를 테스트한다.

CI는 어제 마무리 하여 오늘은 CD를 해보자!

그래서 아침 10시부터 저녁 7시까지 시도했다.

약 30번 넘게 계속 시도했다.
중간에 한 번 성공을 했지만, 접속이 안되어
log를 확인해 보니 버그가 있었다.
그래서 다시 재배포 하기 위해 시도 중인데

no space left on device

에러가 발생한다.

CD를 시도하면서

정리한 것들이다.

CD를 진행하기 위해 무엇이 필요한지, 왜 필요한지 등 정리를 해두었다.

부디, 곧 CD가 마무리 되길....