Refactor/#147: 디자인 시스템 0.5.3 버전 적용 및 기타 리팩토링 (#149)

* chore: 0.5.3 디자인 시스템 버전 적용

* refactor: useCheckbox selectedValues 적용 및 코드 리팩토링

* refactor: useRadio selectedValue name 적용 및 코드 리팩토링

* refactor: Skeleton 디자인 시스템 것으로 적용

* refactor: Alert 디자인 시스템 것으로 적용

* refactor: Confirm 디자인 시스템 것으로 적용

* refactor: Spinner 디자인 시스템 것으로 적용

* remove: 불필요한 Padding 컴포넌트 제거 및 Spacer로 대체

* rename: ProfileInfo 컴포넌트 디렉토리 코로케이션 위치 적용

* refactor: 회원 탈퇴 후 메인페이지로 라우팅되도록 수정

* refactor: 필터링 상태 커스텀 훅으로 가공하여 반환하도록 변경

* refactor: Write 페이지 상태 전처리 과정 select 사용하여 수정

* chore: eslint 설정 추가

* refactor: cooperationWays 중복 제거 및 반영

* refactor: 과도한 커스텀 훅 추상화 방지

* refactor: WriteEdit 페이지 상태 전처리 과정 select 사용하여 수정 및 cursor pointer 일괄 적용

* refactor: 회원 가입 입력 유효성 검사 추가

* refactor: 프로필 수정 페이지 입력 유효성 검사 추가

* refactor: 마침표 문법 일괄 수정

* refactor: 댓글 또는 답글 내용이 없을 경우 return 하도록 수정

* feat: lazy dynamic import 적용

* refactor: 필터 바텀 시트 닫기 버튼 position fixed 적용

* feat: 필터링 된 글에 해당하는 글이 없을 경우 엠티 섹션 구현

* refactor: 기타 문의 사항 mailto 기능 추가

* fix: 회원 탈퇴 성공 시에만 메인페이지로 라우팅 하도록 변경 및 스피너로 인한 알럿 클릭 불가 문제 해결

* refactor: 회원 탈퇴 성공, 실패 관련 문구 보완

* refactor: API에러바운더리 404 멘트 보완

* fix: 비로그인 상태에서 글쓰기 페이지에 접근 가능했던 문제 해결

서버에서 401을 반환할 API 요청이 없어 클라이언트 단에서 로그인 검사를 수행합니다.

* refactor: NeedAuth dynamic import 적용

* fix: 프로필 페이지에서 스킬 레벨을 미표시 하던 오류 수정

* refactor: 글쓰기 및 글쓰기 수정 팀원 선택 경고 알럿 멘트 보완

* refactor: 회원가입 및 프로필 수정 닉네임 유효성 검사 로직 보완 (한글 자음, 모음 초성만 입력 불가토록)

* refactor: HyperLinkText key props 문제 해결

* fix: format data type 에러 수정

.eslintrc.cjs

@@ -26,6 +26,7 @@ module.exports = {
     ],
     '@typescript-eslint/no-explicit-any': 'off',
     '@typescript-eslint/no-unused-vars': 'off',
+    'react-refresh/only-export-components': 'off',
   },
   settings: {
     'import/resolver': {

package.json

@@ -15,7 +15,7 @@
     "@tanstack/react-query": "^5.17.19",
     "@toss/use-overlay": "^1.3.8",
     "axios": "^1.5.1",
-    "concept-be-design-system": "^0.4.12",
+    "concept-be-design-system": "^0.5.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-helmet-async": "^2.0.4",

src/components/ErrorBoundary/ApiErrorBoundary.tsx

@@ -114,7 +114,7 @@ class ErrorBoundary extends Component<Props, State> {
     if (this.state.errorDetail === 'not-found') {
       return (
         <>
-          <StayDuringRoutingAlert content="삭제되었거나 존재하지 않는 페이지입니다." />
+          <StayDuringRoutingAlert content="삭제된 글이거나 탈퇴한 회원의 페이지입니다." />
           <Navigate to="/" />;
         </>
       );

src/components/ErrorBoundary/StayDuringRoutingAlert.tsx

@@ -1,8 +1,7 @@
 import { useOverlay } from '@toss/use-overlay';
+import { Alert } from 'concept-be-design-system';
 import { useCallback, useEffect } from 'react';
 
-import Alert from '../Modal/Alert';
-
 interface OpenAlertProps {
   content: string;
   buttonContent?: string;

src/constants/index.ts

@@ -1,4 +1,6 @@
 export const BASE_URL = 'https://conceptbe.kr/api';
 
-// 서버 작업으로 인한 임시 상수값
+// 댓글 작성 시 ID 값
 export const ROOT_COMMENT_ID = '0';
+
+export const NICKNAME_REG_EXP = /[^a-zA-Z0-9가-힣]|[ㄱ-ㅎㅏ-ㅣ]/;