v1.3.2

• recoil state와 state 의존적인 로직들을 전부 제거, 주석처리 하였습니다.
• recoil 제거 이슈는 추후 문서로 작성해 정리해두겠습니다.
• react-query와 Context API 기반으로 상태 구조 개편 예정입니다.
• 현재 기존 fetch data는 mock data를 넣어두었습니다.
• useUser custom hook을 제작하였습니다.
• hook 내부에서 user는 user 정보, login, logout 메소드를 사용할 수 있습니다.
• 아래와 같이 사용할 수 있습니다.

const { user } = useUser();

• 맨 처음 user login 시 cookie 정보가 담기게 되고, 해당 cookie를 읽어 user 정보를 ContextAPI에 저장합니다.
• server side logic들을 추가해주었습니다.
  • app component에서 cookie 정보를 읽어 redirect하는 로직 추가하였습니다.
  • 새 프로젝트 생성 - user repository import page에 space 받는 로직(현재는 mock data) 추가하였습니다.

v1.3.1

• 새로운 deploy url 관련 라우트 요청 추가하였습니다.
  • projects/[space]/[repository]로 새로운 배포 프로세스가 반영될 api입니다.
  • backend 작업이 완료된다면, front에 바로 연동될 수 있도록 미리 추가하였습니다.
• 라우팅 규칙 네이밍을 수정하였습니다.
  • projectOwner → space
  • projectName → repository
• isSSR 상태를 제거하였습니다.
  • hydration error를 대응하기 위해 useState와 useEffect를 통해서 isSSR 상태를 만들어서 해결해왔습니다.
  • 해당 방식이 아닌 cookie 설정 수정으로 해결하기 위해 state를 제거하였습니다.
  • 현재는 cookie를 가져오는 login 상태 관련 로직 전부 임시 분리하였습니다.
• src/lib 디렉토리 제거
  • src/lib 디렉토리를 제거하고 내부의 디렉토리 전부 src 디렉토리로 이동하였습니다.
• color 값들을 상수화하였습니다.
  • src/contants에 colors.ts를 생성해 color 값들을 등록할 수 있습니다.
  • theme.ts에 정의된 색상 값들 중 임시로 지정해놓은 값은 임의로 상수화하지 않았습니다.

v1.3.0

• src/utils/theme에서 mui variants를 이용해서 Button, Avatar, CardHeader 컴포넌트를 커스텀했습니다. prop의 color 프로퍼티를 추가해 정해진 스타일이 적용되도록 해주었습니다.
• modal에서 페이지로 변경했습니다.
• 빌드 단계를 나타내는 Step Card를 추가하였습니다. (테마 예시 색상을 사용하여 색상 변경이 필요합니다.)
• whoiser 라이브러리를 사용해 도메인을 사용중인지 체크하는 로직을 추가하였습니다.
• 기존 컴포넌트 이름을 기능에 대해 좀 더 알아보기 쉽도록 변경하였습니다.
• useResetBuildOption 훅을 만들어 new project 버튼 또는 dashboard 첫 렌더링시에 buildOptionsState, searchWordState를 초기화 시켜주는 로직을 추가하였습니다.
  • searchWordState는 SearchInput을 사용하는 곳에서 동일하게 사용하는 state이기 때문에 기록이 남지 않도록 함께 초기화하였습니다.
• useDeployEventHandler에서 다루는 이벤트 핸들러를 buildOptionsState를 수정하는 이벤트 핸들러만 다루도록 변경하였습니다.

MuiAvatar: {
    variants: [
      {
        props: { color: "default" },
        style: {
          backgroundColor: "#8c8c8c",
        },
      },
      {
        props: { color: "point" },
        style: {
          backgroundColor: lightRed,
        },
      },
    ],
  },

• Avatar 컴포넌트에서 color="default" 또는 color="point" 를 적용하면 정해진 style로 커스텀화 할 수 있습니다.
• Avatar 컴포넌트는 src/components/build/BuildStepCards.tsx 파일에 적용되어 있습니다.
  • 커스텀하는 부분에서는 palette에 접근하지 못해 바깥에서 색상을 선언한 후에 사용해야 할 것 같습니다.

v1.2.0

• page, view를 담당하는 컴포넌트에서 fetch나 이벤트 핸들러 로직을 분리하였습니다.
• form으로 감싸져있는 엘리먼트가 많아 form, input 태그를 분리하였습니다.
• Dashbord, login page에서 fetch 받는 부분을 hook으로 분리해줬습니다. (hook은 좀 더 보완이 필요합니다.)
• 공통으로 사용되는 button, textfield를 컴포넌트로 분리하였습니다.
• theme 파일에 palette 속성과 custom 속성을 추가하여 palette에 지정된 색에 따라 custom 속성에 지정된 스타일로 적용되도록 만들어주었습니다. (theme/components/MuiButton)
• log에 적용되는 시간대를 한국 시간대로 변경하였습니다.
• select input, textfield를 감싼 FormSelect, FormText 컴포넌트를 만들었습니다.
• user 빌드 옵션 상태를 recoil로 한번에 관리되도록 변경하였습니다.
• user 빌드 옵션을 저장하는 이벤트 핸들러를 useDeployHandler로 분리하였습니다.

v1.1.0

• src폴더 만들고 components, lib, types, utils 폴더를 src 폴더로 위치 변경했습니다.
• modal type이 담긴 modal 파일 types 폴더로 이동했습니다.
• 쓰지 않는 imagelist, TemplateInitial 컴포넌트 삭제했습니다. (데이터 저장 완료)

v1.0.0

• GitHub 계정과 연동하여 원하는 repository를 클릭 한번에 배포할 수 있습니다.

  • AWS-SDK로 EC2 instance 생성하고 배포에 필요한 환경 세팅
  • AWS-SDK로 Route53 A record 생성
  • AWS-CLI로 letsencrypt certbot의 https 인증 요청하는 명령어 instance에 전달
  • AWS-SDK로 CloudWatch Logs에서 필요한 로그 요청
  • 배포한 데이터와 repository 데이터 mongoDB 저장
  • 클라이언트에서 필요한 데이터를 처음 배포요청의 응답으로서 전달

• Building Log 전달

• PR Merge 시 배포 사이트 자동 업데이트

  • 유저가 배포 요청했을 때, createRepoWebhook으로 해당 repository에 webhook 생성