Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FE] 코드잽 프로덕션 v1.1.4 배포 #824

Merged
merged 8 commits into from
Oct 18, 2024
Merged

[FE] 코드잽 프로덕션 v1.1.4 배포 #824

merged 8 commits into from
Oct 18, 2024

Conversation

Hain-tain
Copy link
Contributor

⚡️ 관련 이슈

📍주요 변경 사항

  • 태그 색상 변경
  • 템플릿 visibility 기능 추가
  • 확장자 기반으로 언어 태그 자동 생성 기능 추가
  • 문의하기 모달 추가
  • 내템플릿 페이지 로딩 개선
  • 에러핸들링 리팩토링 (apiClient, apiError 추가)

Hain-tain and others added 8 commits October 14, 2024 17:52
@Hain-tain
문의하기 모달 생성 (#777)
4df2f8a 
* design(Header): border-bottom 1px 로 변경 및 색상 secondary_300으로 변경

* feat(src): Textarea 컴포넌트 생성

* refactor(src): getChildOfType, getChildrenWithoutTypes 함수 utils로 파일로 분리

* feat(src): ContactUs 컴포넌트 생성

* feat(Modal): Modal 컴포넌트에 usePressESC, useScrollDisable 적용

* feat(components): Header 및 Footer에 ContactUs 적용, Header 에서 현재 경로 스타일 변경

* feat(ContactUs): 구글 시트 연동 추가

* refactor(ContactUs): isValidContents 상태 boolean 으로 관리하도록 변경

* design(Header): 헤더 '코드잽' secondary_800 으로 색상 변경

* refactor(Header): 헤더 '코드잽' 로고에도 현재 경로 스타일 적용
@vi-wolhwa @Hain-tain
태그 버튼 색상 적용 (#765)
162fce2 
* feat(style): 태그 버튼 팔레트 정의

* feat(utils): 태그 버튼의 색상 선택 유틸함수 구현

* feat(src): 태그 버튼, 필터 디자인 변경 및 태그 색상 적용

* refactor(utils): getTagColor 유틸함수를 컴포넌트 내부에 구현

* refactor(TagInput): 템플릿 업로드/수정 중 태그 색상 기본색으로 변경

* refactor(src): 태그 필터에서 선택된 태그 구분을 위한 디자인 수정

* fix(TemplateCard): SourceCodeViewer에 filename 전달

* refactor(TagButton): 함수 분리 및 메모이제이션 수행

* refactor(TagButton): 불필요한 useMemo 제거

---------

Co-authored-by: 헤인 <[email protected]>
@Hain-tain
api 변경에 따른 /login 엔드포인트 제거 (#808)
cc77029
@Hain-tain
카테고리, 태그, 템플릿 목록 로딩 처리 개선 (#813)
1b2a3b3 
* refactor(components): ScrollTopButton 컴포넌트 분리

* refactor(MyTemplatePage): 컴포넌트 분리 및 태그목록, 카테고리 목록 서스펜스 적용

* refactor(components): TemplateDeleteSelection, TemplateListSectionLoading 컴포넌트 분리

* refactor(src): useKeyword, useShowTemplateList, useSelectAndDeleteTemplateList 훅 분리 및 MyTemplatePage 적용

* refactor(templates): 사용하지 않는 useTemplateCategoryTagQueries 훅 삭제

* refactor(pages): useShowTemplateList => useFilteredTemplateList로 이름 변경

* refactor(src): useKeyword => useSearchKeyword로 이름 변경

* refactor(ConfirmDeleteModal): ConfirmDeleteModalProps =>Props 로 변경

* refactor(CategoryListSection): Flex 대신 스타일드 컴포넌트로 스타일 지정

* refactor(ConfirmDeleteModal): Modal 합성 컴포넌트의 하위 컴포넌트 사용하도록 변경

* refactor(queries): useSuspenseQuery를 사용하는 훅들 수동으로 error 전파
@Hain-tain
템플릿 공개 범위 설정(�visibility) 기능 구현 (#787)
ce7380a 
* feat(components): Toggle 컴포넌트

* feat(images): PrivateIcon, PublicIcon 추가

* refactor(mocks): templateList mock data에 "visibility" 추가

* feat(src): visibility 기능 추가

* feat(src): visibility가 private인 경우 템플릿 카드, 상세 페이지에서 privateIcon 보이도록 설정

* refactor(TemplateCard): 사용하지 않는 스타일드 컴포넌트 제거

* refactor(src): PRIVATE 상수화

* refactor(Toggle): Toggle.style 에서 불필요한 calc() 제거

* refactor(src): ICON_SIZE 상수 선언 및 적용

* refactor(components): CategoryDropdown 스타일 변경

* refactor(Toggle): Toggle 스타일 변경 및 showOptions 생성

* refactor(pages): 템플릿 생성 및 수정 페이지 Toggle 변경사항 반영
@Jaymyong66
ApiError 및 ApiClient 생성으로 HTTP 요청 및 에러 핸들링 리팩토링 (#783)
aacd91a 
* feat(Error): ApiError 객체 생성

* feat(api): ApiClient 객체 생성 및 template 구경가기, 업로드 요청 적용

* chore: react-error-boundary 라이브러리 설치

* feat(TemplateExplorePage): 일시적 에러에 대한 Local ErrorBoundary 적용

* feat(api): ApiClient - 인증 실패 시, localStorage에서 유저 정보 제거

* refactor(api): templates - JSON.stringify 중복 적용 제거

* feat(api): ApiClient - 응답 본문이 없을 때, 반환값 처리

* refactor(api): getLoginState - apiClient 적용 및 중복 코드 제거

* refactor(api): ApiClient - fetch문에 try-catch 추가, error handling 메서드 분리

* feat(frontend): setupTests - MSW 서버의 unhandled handler 디버깅 코드 추가

* refactor(api): API_URL에 기본값 문자열 추가

* refactor(api): ApiClient - 에러 확인 분기문을 hasError 메서드 밖으로 분리

* refactor(Error): TempError -> TemporaryError로 컴포넌트 명 변경

* refactor(api): ApiClient - method의 타입을 string에서 HttpMethod 타입 정의

* refactor(Error): ApiError - switch-case 문을 매핑으로 변경

* refactor(Error): errorCode, detail에 기본값 정의

* refactor(api): errorCode의 타입을 string -> number로 변경

* refactor(Error): TemporaryError - 불필요한 조건문 제거

* refactor(api): ApiClient - customFetch에서 response body가 아닌 response 자체를 반환하도록 변경

* refactor(templates): useTemplateUploadMutation - 요청 성공에 따라 location 라우트 이동, 에러 처리 변경

* refactor(api): templates - Endpoint 상수화

* refactor(templates): useTemplateUploadMutation - wrapper 추가
@Hain-tain
feat(src): 확장자 기반으로 언어 태그 자동 생성 기능 추가 (#814)
768bc52
@Hain-tain
chore: version 1.1.4로 변경 (#817)
c734156
@Hain-tain Hain-tain added FE 프론트엔드 zap 리뷰 우선순위가 높은 사항 labels Oct 18, 2024
@Hain-tain Hain-tain added this to the 6차 스프린트 🦴 milestone Oct 18, 2024
@Jaymyong66 Jaymyong66 merged commit e418561 into main Oct 18, 2024
19 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@vi-wolhwa vi-wolhwa vi-wolhwa approved these changes

@zangsu zangsu zangsu approved these changes

@Jaymyong66 Jaymyong66 Jaymyong66 approved these changes

@zeus6768 zeus6768 zeus6768 approved these changes

@jminkkk jminkkk jminkkk approved these changes

@kyum-q kyum-q kyum-q approved these changes

@HoeSeong123 HoeSeong123 HoeSeong123 approved these changes

Assignees

@vi-wolhwa vi-wolhwa

@zangsu zangsu

@Jaymyong66 Jaymyong66

@zeus6768 zeus6768

@jminkkk jminkkk

@kyum-q kyum-q

@HoeSeong123 HoeSeong123

@Hain-tain Hain-tain

Labels
FE 프론트엔드 zap 리뷰 우선순위가 높은 사항
Projects
2024-code-zap
Status: Weekend Done
Milestone
6차 스프린트 🦴
Development

Successfully merging this pull request may close these issues.
8 participants
@Hain-tain @vi-wolhwa @zangsu @Jaymyong66 @zeus6768 @jminkkk @kyum-q @HoeSeong123