6/12 (월)

| - PriceModal slice 제작중, 상황에 따른 기능 구현 진행중

• FAQ 컴포넌트

• 금일 안에 완료할 예정 | - 가격 컴포넌트 UI 구현 완료

• 가격 슬라이스 제작 | - 텍스트, 패딩 박스 dnd 기능 구현

• 테이블 슬라이스 제작 | - 우측 메뉴 컴포넌트 UI 구현 완료

| - 리덕스에 타입 작업 중 | | 6/13 (화) | - PriceModal 카드 개수 변경할때 priceCard 배열이 변경되는 기능 구현만 하면 전부 완료 | - 어제와 동일 | - 테이블 슬라이스 제작 완료

• 박스 슬라이스 제작 | - hover 시 스타일속성 변경기 능 구현 완료해야함 ( 미완료 ) | - store 제작 완료, props 넘겼던 요소 제거후, 대신할 코드 작성 | | 6/14 (수) | - priceModal 카드 유효성 검사 및 에러 스타일 속성 부여, 현재 유효성검사 동작은 하지만 , 통과시에 메소드가 호출되지 않는 현상이 발생 | - redux slice 설계 중

• 금일 안에 완료 후 앞서 제작한 카드 컴포넌트와 연동 목표

• 가능하다면 현재 피그마의 수정된 모습으로 ui 변경 예정 | - 박스 슬라이스 제작 완료

• 테이블 컨테이너 연결 및 상세기능표 컨테이너 스토어 동기화 | - configSlice 제작

  • Font
  • 컬러정보

• UI 추가 구현 (완료)

• 미리보기 로직 구현 (성열님”) | - Header (searchParams이용)

• modalSlice 구현완료 | | 6/15 (목) | - priceModal 구현 완료

• 현재 faqSlice 및 기능 구현

추후 컬러 모달 컴포넌트 구현 예정 | - 가격 슬라이스 컴포넌트와 연결해서 테스트 | - 테이블 슬라이스 동작 테스트

• 테이블 슬라이스 UI 레이아웃 반응형
• 외부 resizable 패딩 박스 제작
• dnd 박스요소 UI 개선 | 14일과 동일,,,,,,,,,,, | - 에러 페이지(반응형)
• 링크 모달 추가 구현
• 헤더 SSR 생각해보기 | | 6/16 (금) | - colorPciker 라이브러리 변경 (iro → react-colorful)
• 컬러 선택 모달 구현 진행중
• colorpicker 커스텀 완료

TODO

• 색깔 변경에 따라 폰트색 지정 해주는 기능 구현가능 여부 파악후 구현 시작
• 폰트 표시 컴포넌트 구현
• RGB 슬라이더 구현
• 선택한 메인 컬러에 대한 서브컬러 제시 기능 구현
• FAQ 컴포넌트 시나리오 픽스 사항 확인 후 FAQ 컴포넌트 구현 | - 가격 카드 slice 제작, 가격 카드 컴포넌트와 연결(카드 추가, 순서 변경, 내용 업데이트, 카드 삭제)

TODO

• 가격 카드 설정 모달의 slice를 가격 카드 컴포넌트에 정보가 업데이트 될 수 있도록 연결

• 월간, 연간 토글버튼 slice 및 기능 구현

• 인원수 slice 및 기능 구현

• 현재 피그마의 수정된 스타일 적용

• 카드 길이 가장 큰 카드에 맞춰서 수정될 수 있도록 | - dnd 박스요소 UI 개선 완료

• 테이블 슬라이스 동작 테스트 완료

• 외부 resizable 패딩 박스 제작 중

• 테이블 슬라이스 UI 레이아웃 반응형

• 테이블 입력값 동기화 & 테이블 가격표 및 기능 제목 동기화

• 테이블 가격표 위치 동기화 | - 에러 수정

• 로딩 화면 구현 | - 템플릿 리스트 페이지

• footer | | 6/17 (토) | colorPicker hexcode 입력값 필터링 기능 구현중 | - 카드 길이 가장 큰 카드에 맞춰서 수정될 수 있도록 함

• padding값 priceCard slice에 연결 | - 외부 resizable 패딩 완료

• 테이블 입력값 동기화 & 테이블 가격표 및 기능 제목 동기화 완료

-테이블 가격표 위치 동기화 -테이블 UI 중앙정렬 | - 로딩 화면 구현 중 디자인 바뀐다는 얘기에 멈춤 | - footer 완료

• 템플릿 리스트 페이지 거의 완료했으나,,,디자인 전면 수정되어 다시 작업중,,,,,,,,,, | | 6/18 (일) | | | - 테이블 가격표 위치 동기화 완료
• 대쉬보드 UI 비교차트, datepicker 빼고 완료

TODO

• 대쉬보드 custom legend 기능 구현

• 대쉬보드 datepicker 구현

• 대쉬보드 툴팁 구현

• 대쉬보드 비교차트 UI 구현

• 대쉬보드 기능구현(?) | | TODO

• 템플릿 리스트 페이지 UI 완성(+)

• 성열님이 말했던 detailedFUnctionModal 삭제 함수(+) | | 6/19 (월) | color 모달 선택 기능 구현진행중, faq 리스트 삭제시 특정 위치항목을 제거해도 마지막 항목이 지워지는 현상 해결

완료후 파일 업로드 모달 제작 | - 가격 카드에 대한 데이터를 저장하는 slice를 가격표 설정 모달 slice로 이동(slice를 따로 두니 서로 연관된 데이터 관리가 어려움)

• 가격 카드에서 이용하던 리듀서들에서 기존 id값을 활용하는 방식에서 배열의 index를 활용하는 방식으로 변경(현재 각 요소에 id값이 필요한 경우 uuid라이브러리를 사용해 프론트 내에서 생성해 사용하고 있고, 서버에는 저장하지 않을 예정임. 따라서 id값을 최대한 사용하지 않는 것이 낫다고 판단함.) | -대쉬보드 custom legend 기능 구현 완료
• 대쉬보드 툴팁 구현완료
• 반응형 태블릿 완료

TODO

• 대쉬보드 datepicker 구현
• 대쉬보드 비교차트 UI 구현
• 대쉬보드 기능구현(?) | - 로딩 화면 UI 구현 예정 | - BtnProps 구현(+) | | 6/20(화) | 가격표, 컬러, FAQ 컴포넌트 제작및 우측 메뉴와 동기화 완료.

TODO

• 업로드 모달 ui 제작

• 드래그 앤 드롭 업로드 기능 구현 및 파일을 전달기 위한 uploadSlice 제작

• priceModal ui 변경으로 인해 수정 작업 진행

  • 요금 책정 방식 (정액제/ 정량제)
  • 가격카드 활성화 및 1개월 당 원가 입력 선택 할인율 설정

• 정액제, 정량제 드롭다운 항목 추가

• 현재 가격 카드 인원수 입력시 곱연산으로 | - 가격표 설정 모달을 통해 연간 할인, 사용자 수 할인, 가격 별 할인 적용 유무와 그 내용에 따라 가격 카드의 가격, 할인율 표시되도록 함.

• 가격 카드 박스 내에서 월간, 연간 토글 버튼과 사용자 수 입력 폼을 통해 월간, 연간 가격과 사용자 수에 따른 가격, 그리고 해당 값에 따른 할인율이 적용되어 보여지도록 함.

TODO

• 편집 페이지 내에서 가격 카드가 추가/삭제 되었을 때 가격 카드 설정 모달에서도 해당 내용이 반영되도록 함
• 가격 카드 부분 현재 피그마 기준으로 스타일 수정
• 특정 요금제 강조 기능 추가 | - 반응형 레이아웃 재공사 완료 (태블릿 까지만)
• 비교차트 캔버스 간격 설정 버그로 교체됨
• 윈도우 너비 변경 시 차트너비가 랜덤하게 무한 재설정되는 버그 수정
• 스토어만 완료

TODO

• 대쉬보드 datepicker 구현

• 대쉬보드 비교차트 UI 재구현

• 대쉬보드 슬라이스 기능 구현

• 대쉬보드 모바일 버전 시 차트 갈아끼우는 기능 구현 | TODO

• 로딩 화면( 완료)

• 홈 화면 현필님께 이미지 받아서 제작 예정. (홈 화면 디자인 바뀔 예정이라 금일 밤 or 내일 오전부터 작업 예정으로 인해 미룸.)

• 404 페이지 구현 (예정) | **- 페이지 너비 해결하기 (1536? 1920?) → 나조차 햄버거 메뉴를 못보고 있음….

• 템플릿 리스트 기능 구현** - 결제하기 페이지 UI(실제 결제까지 연동X, UI 작업만 하는거라 백엔드 연동까지 다 마무리되고나서 하하호호 할때 구현하기로 함.) - 반응형 (헤더, 푸터 구현)

• 템플릿 리스트 select option 에 디폴트값 말고 피그마대로 드롭 다운 아이콘 넣어서 커스터마이징 필요(후순위 작업- 드롭다운 아이콘 구현안될시 디폴트값 그대로 사용가능하다고 현필님 컨펌받음) | | 6/21 (수) | - 업로드 모달 ui 제작

• 드래그앤 드롭 기능 구현 완료 -priceModal ui 리모델링 | TODO

• 카드 내부 요소 삭제 기능 편집시 카드 호버 했을 때 삭제, - 호버 아이콘 적용/박스 테두리 색상 적용

• 미리보기 기능(스타일) 적용(편집요소 사라짐, 반응형)

• 피그마 기준 변경된 스타일 적용

• 특정 요금제 강조에 따른 로직 및 스타일 추가

• 요금 책정 방식에 따른 로직 추가(정량제는 사용자 수 할인과 관계 없이 무조건 사용자 수 입력 폼 필요, 정액제는 불필요) | - 대쉬보드 datepicker 구현

• 대쉬보드 비교차트 UI 재구현 완료

• 대쉬보드 슬라이스 기능 구현

• 대쉬보드 모바일 버전 시 차트 갈아끼우는 기능 구현(보류) | - 404 페이지 구현 (완료)

TODO

• 반응형 ( 404 페이지, 로딩 페이지)

• 홈 화면 ( 저녁에 진행 예정 ) | - 템플릿 리스트 기능 구현하기 | | 6/ 22(목) | colorModal, UploadModal, PriceModal 을 통합한 OnBoardingModal 컴포넌트 구현 완료

• priceModal 체크 박스 로직 구현 완료

  • 체크박스를 무작위로 클릭하여 카드 생성해도 다시 모달을 켰을때 정렬하여 보여주는 기능 구현
  • 정액제 선택시, 인원별 할인율 항목을 체크할수 없게 구현

TODO

• 페이지 경로에 따른 선택적 style 속성 적용
• 선택적 라우팅 기능 구현
• 데이터 업데이트 처리 방식 논의
• 미리보기 컴포넌트 기능 구현 | - 현재 피그마 기준으로 변경된 스타일 적용
• 에러 수정(1. detail부분에서 높이가 늘어나고, 줄어들 때 부자연스러운 현상, 2. 가격 설정 모달에서 연간할인 체크 해제 했음에도 불구하고 가격 *12돼서 나오던 현상 3. 월간, 연간 토글시 할인 반영 다르게 되던 현상)
• feature, content부분도 입력 시 줄 바꿈 되도록 변경(이 과정에서 content부분 컴포넌트 분리) | - datepicker 구현 완료
• 대쉬보드 슬라이스 기능 구현 완료

TODO

• 차트 컴포넌트 분화할 예정 (데이터 타입이 달라서 버그픽스가 힘듬)

• 스토어랑 연결 정상적으로 확인

• UI 마무리 (폰트 size, weight, color 수정) (추가된 에러처리용 span UI들 추가)

• 대쉬보드 비교차트 레이블 버그fix 하는중

• 대쉬보드 히스토리 체크박스 구현 완료 → 버그발견

• 페이지네이션 구현 완료(pc일때 10개, 태블릿일때 5개, 화면 리사이즈 시 번호 유지되도록 구현) → store에 currentPage, maxPage 업데이트 구독 가능하도록 구현해야함

• 버전별차트 박스 레이블 구현 하는중 | TODO

• 홈 화면 ( 디자인 미확정, 아이콘 제작 중 )

• 퍼블리싱 중 ( 완료, 반응형 미완료 )

• 에라 ( 완료, 반응형 미완료 )

• 로딩 ( 완료, 반응형 미완료 )

• 404 ( 완료, 반응형 미완료 )

• 로그인 또는 회원가입 요청 페이지 ( 완료, 반응형 미완료) | - 홈헤더, 푸터 반응형 구현 완료

• 레이아웃 해결

• 템플릿 리스트 페이지네이션

TODO

• 템플릿 리스트 전체 선택 및 삭제

• 템플릿 리스트 검색 입력 및 결과 보여주기

• 템플릿 리스트는 데스크탑 버전만 구현하면 됨(현필님과 얘기함+)

• 템플릿 리스트 select option 에 디폴트값 말고 피그마대로 드롭 다운 아이콘 넣어서 커스터마이징 필요(후순위 작업- 드롭다운 아이콘 구현안될시 디폴트값 그대로 사용가능하다고 현필님 컨펌받음) | | 6/23 (금) | 미리보리 버튼을 눌렀을때 FAQ 버튼 남아있는 문제 해결, 미리보기 구현 진행중

• 미리보기 버튼 클릭시 헤더 디자인 변경

• 데스크톱, 태블릿, 모바일 아이콘 클릭시 이미지 변경 기능 구현

TODO

• 아이콘 클릭시 하위 컴포넌트들의 스타일 속성 변경 | - 가격 설정 모달 업데이트 후 가격 카드에 가격 안 나오는 현상 수정
• 가격 설정 모달에 추가된 정액제/정량제 관련 로직 추가
• 카드 호버 시 삭제/드래그 버튼 나올 수 있도록 작업 중

| TODO

• 차트 컴포넌트 분화할 예정 (데이터 타입이 달라서 버그픽스가 힘듬)

• 스토어랑 연결 정상적으로 확인

• UI 마무리 (폰트 size, weight, color 수정) (추가된 에러처리용 span UI들 추가) | TODO

• 반응형 완성 무조건…

• 혜원님 편집(?) 같이 할 예정

• 홈 디자인 확정되면 바로 작업 | - 템플릿 리스트 전체 삭제

• 부분 삭제

• 검색 시 해당 단어 파란색 글자 나오도록

• 페이지네이션바 에러 수정

• 가격 정책표 리스트 UI | | 6/24 (토) | 미리보기 기능

• 상세 기록표 스타일 변경을 제외한 미리보기 기능 구현 완료

  • 아이콘 클릭시 해당 아이콘 상태에 맞는 레이아웃 변경
  • 타이틀, 서브타이틀, 텍스트 크기 변경
  • 카드 컴포넌트 스타일 변경
  • 구분선 컴포넌트 스타일 변경
  • faq 스타일 변경

TODO

• 업로드 클릭시 업로드 모달 팝업, 업로드시 파일변경

• 타블릿 , 모바일 화면 상세 기록표 스타일 변경 ( 가로 스와이프)

• 데이터 자동 저장 기능 구현 | - 카드 호버 시 스타일 적용 완료

• 호버 했을 때 나타나는 삭제/드래그 버튼에 기능 연결 진행 중 | TODO

• UI 마무리 (폰트 size, weight, color 수정) (추가된 에러처리용 span UI들 추가)

• 대쉬보드 비교차트 레이블 버그fix 하는중

• 대쉬보드 히스토리 체크박스 구현 완료 → 버그발견

• 페이지네이션 구현 완료(pc일때 10개, 태블릿일때 5개, 화면 리사이즈 시 번호 유지되도록 구현) → store에 currentPage, maxPage 업데이트 구독 가능하도록 구현해야함 | TODO

• 화면번호 02-00 템플릿 편집화면 ( UI 구현 )

• 홈 디자인 확정되면 바로 작업 | - 템플릿 리스트 전체/부분 삭제

• 전체선택시 UI 에러 수정

• 페이지네이션바 에러 수정 | | 6/25 (일) | | 호버 했을 때 나타나는 삭제/드래그 버튼에 기능 연결 완료 | | TODO

• 화면번호 02-00 템플릿 편집화면

• 홈 디자인 확정되면 바로 작업 | | | 6/26 (월) | 업로크 모달로 파일변경시 로고에 표시되도록 변경

• 타블릿 , 모바일 화면 상세 기록표 스타일 변경 완료 | | - 버전별차트 박스 레이블 구현

• 편집페이지 테이블 기능 동작 재수정 | - 글꼴 라이브러리로 사용해서 구현 예정

• | | | 6/27 (화) | 데이터 자동 저장 기능 skip로그인 버튼 클릭시 헤더에 존재하는 토큰을 쿠키에 삽입하는 기능 구현 실패 | - 미리보기 시 편집 요소 사라짐

• 색상 설정에 따라 색상 바뀌도록 수정

• 특정 요금제 강조에 따른 로직 및 스타일 추가

TODO

• 기능 목록(content)부분 입력 오류 수정
• 반응형 시 모든 카드 높이 일괄 변경될 수 있도록 수정
• 저장하기 클릭했을 때 가격 카드 영역 캡쳐된 이미지 생성
• 배포 | 체크박스 버그 수정 완료

@TODO 체크박스 기능 재구현 비교그래프 제목 버그 수정 그래프 변경일 표시 UI 조정 | 홈 화면 페이지 구현 완료 | | | 🎉6/28 (수) 🎉 | 로그인 후 jwt 헤더에 추가하는 기능 구현 완료 | | -버전별 차트 레이블 박스 인덱싱 버그 수정중 | 글꼴,,,글꼴ㄹㄹㄹㄹㄹㄹ!!!!! | | | | | | | | |