Dev to main 머지 (#94)

* feat: Modal 컴포넌트구현 * feat: 스토리북 테일윈드 적용 및 테일윈드 블루값 변경 * feat: SelectWeek 컴포넌트 구현 (#28) * feat : storybook 모바일 뷰 세팅 * feat: selectWeek 컴포넌트 생성 * feat: border 색 추가 및 Jsdoc 추가 * chore: 내보내기 코드 작성 * feat: InputModal 라운드 추가 * feat: Modal 컴포넌트 파일명 변경 * feat: Spacing 컴포넌트 초기 구현 * feat: StepQuestion 구현 (#36) * Feat/34 button component (#35) * feat: 컴포넌트 유연함을 위해 모든 속성을 각각 구분 * feat: 배경색 일시 변경 * feat: button 타입 정의 * feat: 버튼 컴포넌트 생성 * feat: 버튼 스토리북 작성 * feat: 버튼 컴포넌트 props일부 수정 * feat: button props에서 size삭제 => width, height로 대체 * fix: px적용안되는 error수정 대괄호 입히기 * feat: 불필요한 import삭제 * feat: button fullWidth용 width속성 새로 생성 * feat: buttonType 추가 * feat: 속성 변경 * feat: button props수정 * feat: 스토리북 options수정 * feat: 버튼 radius, border문제 해결 * feat: 버튼 width, buttonType, label, fullWidth만 동적으로 * feat: 불필요한 주석 제거 * feat: example -> component * feat : icon (#39) * chore: 절대경로 세팅 * feat: Icon 컴포넌트 추가 * chore : 폰트 오타 변경 * feat: bottomsheet 기본경로 설정 * feat: bottomSheet storybook 테스트 * feat : storybook bottomsheet 설명 수정 및 JSdoc 추가 * fix: Detailcontent와 margin-bottom값 주어지기 * feat: Label 컴포넌트 기능 구현 * feat: 캘린더 구현 * feat: 캘린더 스토리북 구현 * feat: Spacing 컴포넌트 구현 및 스토리북 구현 * feat: ListRow 컴포넌트 (#55) * 프로필 컴포넌트 생성 (#41) * feat: 필요없는 import 삭제 * feat: storybook 저장 폴더경로 수정 * feat: 스토리북 옵션 수정 * feat: canEdit일 때 커서 pointer로 변경 * feat: onClick내부 구현 * feat: onClick 내부동작으로 변경 * feat: 현재 Month에서 이전,다음 Month 클릭시 해당 Month로 이동되로록 수정 * feat: 현재 날짜 및 선택한 날짜를 표시하도록 스타일 수정 * 라우팅 설정 (#60) * feat: Errorpage생성 * feat: RouterProvider로 감싸기 * feat: 불필요한 import삭제 * feat: router세팅 * feat: 기존 router파일 삭제 * feat: 불필요한 주석 제거 * feat: 캘린더 CSS 높이 값 제거 * �feat: 네비게이션 구현 (#61) * feat: NavigationBar 구현 * feat: NavigationBar Select Props 추가 * feat: NavigationBar 스토리북 추가 * feat: 코드리뷰 반영 - 불필요한 주석 제거 - 폰트 적용 - absolute 적용 및 하단으로 위치 고정 * Feat/42 header component (#45) * feat: 필요없는 import제거 * feat: Header컴포넌트 생성 * feat: Header스토리북 생성 * feat: HeaderType분리 & import * feat: 불필요한 import문 제거 * feat: header props명 title -> pageTitle로 변경 후 적용 * feat: pageTitle default parameter제공 * feat: header position fixed * feat: 불필요한 import제거 * feat: Header component 리뷰 반영 * feat: onClick props설정 * feat: 불필요한 주석 제거 * feat: Header 컴포넌트 design 수정 --------- Co-authored-by: Eugene Kim <[email protected]> * informationBox 컴포넌트 개발 (#46) * feat: Information 스토리북 설정 * feat: InformationBox 컴포넌트 개발 * feat: InformationBox type 세팅 * feat: informationBox 편집 icon개발 * feat: InformationBox rounded-[10px]적용 * feat: border적용, icon, profile컴포넌트 적용 * feat: informationBox border제거 * ScheduleBox컴포넌트 개발 & rgba style 커스텀 & font-weight 숫자 세부설정 (#49) * feat: font세분화 * feat: ScheduleBox 스토리북 설정 * feat: ScheduleBox 컴포넌트 생성 * feat: ScheduleBox props type생성 * feat: rgba색상 추가 (bg-blue-r100) * feat: font-weight 추가 * feat: rightTopElement고정 * feat: toggle cursor변경 & label컴포넌트 적용 * feat: Profile 컴포넌트 사이즈 추가 * feat: 프로필 x축 마진 1px추가 * feat: schedulebox수정 * feat: SchedueBox에서 프로필 반복문 돌리기 위한 자식 수를 props로 받음 * feat: box-shadow적용 * feat: Accordion 컴포넌트 구현 (#62) * feat: Accordion 컴포넌트 기본 포맷 세팅 * feat: Accordion컴포넌트 구현 * fix: font class 이름 수정 * feat: 메인페이지 생성 * input 컴포넌트 구현 (#58) * feat: input stories작성 * feat: select컴포넌트 스토리북 작성 * feat: input컴포넌트 Input type자성 * feat: Select, Select type 작성 * feat: 불필요한 import문 제거 * feat: 스토리북 경로 재설정 * feat: ref props적용 * feat: input 컴포넌트 수정 * feat: select컴포넌트 pr리뷰 반영 * feat: input select errorMessage red로 변경 * feat: selectbox icon추가 * feat: 버튼 height동적으로 조절 * feat: input 컴포넌트 onChange내부에서 구현 --------- Co-authored-by: Eugene Kim <[email protected]> * feat: 네이버 맵 페이지 개발 * feat: 아이 정보 보기, 수정하기 페이지 구현 (#69) * feat: 자식 수정 페이지 생성 * refac: navigation Bar 어색한 stroke 부분 개선 * 컴포넌트 className 업데이트 (#70) * feat: App.tsx수정 * feat: Header컴포넌트 font-class수정 * feat: InformationBox 컴포넌트 font-class수정 * feat: input,select state설정 후 onChange적용 * feat: Select컴포넌트 props type에서 value 타입 string으로 변경 * feat: ScheduleBox font-class 업뎅이트 * feat: API 공통 파일 구현 * refac: InputBox 디테일한 UI 수정 * refac: stepQuestion 스타일 개선 * feat: 지도 파일 헤더수정 * feat: 글로벌 높이 수정 * feat: 지도 화면 구현 * refac: 스타일 가이드에 맞게 컴포넌트 개선 * feat: 온보딩 페이지 디자인 완료 * feat: 라우팅 페이지에 온보딩 연결 * feat: 지역 선택 구현 * feat: 지도 페이지 마크업 구현 * feat: 지도 페이지 바텀시트 구현 * feat: onboarding api * feat: input컴포넌트 value onchange수정 * feat: options외부 데이터만 * feat: selectType 입력 * feat: onboarding dummyData * refactor: 더미데이터 이동 * feat: validate작성 * feat: select import * feat: 비활성화 버튼 회색 * feat: errormessage내용 수정 * feat: 아이 프로필 수정하기 페이지 (#80) * 아이 프로필 수정 * chore: react-query 세팅 * feat: children Api 세팅 * feat: 로딩 컴포넌트 생성 * feat: 로고 컴포넌트 생성 * fix: 로고 컴포넌트 관련 오류 해결 * feat: 아이 정보 디테일 보기 api 연결 * fix: Button 컴포넌트가 onclick을 받지 못하는 현상 해결 * feat: 아이 정보 수정하기, 삭제하기 api 연결 * 로그인 페이지 & 카카오 로그인 구현 (#82) * feat: api요청 시 header에 토큰 얹기 * feat: 로그인 메서드 정리 * feat: 로그인 페이지정리 * feat: 로그인 페이지정리 * feat: env파일 변수 공용상수로 뺴내기 * feat: 환경변수 불러와서 적용 * feat: access token이 없을 시 첫 페이지 로그인 페이지로 이동 --------- Co-authored-by: Eugene Kim <[email protected]> * fix: 로그인 로직 무한 랜더링 수정 * feat: API 이동 및 수정 * fix: selectBox 내용 수정 * feat: 네비게이션 수정 (#90) * fix: props 일치하지 않는 부분 수정 * feat: 깃 액션 워크 플로우 수정 (#93) --------- Co-authored-by: Eugene Kim <[email protected]> Co-authored-by: sincerity developer <[email protected]> Co-authored-by: Eugene Kim <[email protected]>
Guzzing · Nov 6, 2023 · 3aa6dd8 · 3aa6dd8
1 parent d50661b
commit 3aa6dd8
Show file tree

Hide file tree

Showing 160 changed files with 5,866 additions and 292 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -15,7 +15,8 @@ module.exports = {
     'vite.config.ts',
     'tailwind.config.js',
     'postcss.config.js',
-    'vite-env.d.ts'
+    'vite-env.d.ts',
+    '.storybook/preview.ts'
   ],
   parser: '@typescript-eslint/parser',
   parserOptions: {
@@ -117,6 +118,8 @@ module.exports = {
           pascalCase: true
         }
       }
-    ]
+    ],
+    'unicorn/prevent-abbreviations': ['off'],
+    'unicorn/prefer-logical-operator-over-ternary': ['off']
   }
 }
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
@@ -4,10 +4,6 @@
 
 ## 스크린샷?
 
-## 장애물?
-
-## PR 포인트
-
 ## 참고 사항
 
 ## 궁금한 점

diff --git a/.github/workflows/CodeDeploy.yml b/.github/workflows/CodeDeploy.yml
@@ -18,6 +18,14 @@ jobs:
         with:
           node-version: '14'
 
+      - name: create env file
+        run: |
+           touch .env
+           echo VITE_API_ENDPOINT=${{secrets.VITE_API_ENDPOINT}} >> .env
+           echo VITE_CLIENT_ID=${{secrets.VITE_CLIENT_ID}} >> .env
+           echo VITE_CLIENT_SECRET=${{secrets.VITE_CLIENT_SECRET}} >> .env
+           cat .env
+
       - name: Install dependencies and build
         run: |
           npm install

diff --git a/.prettierrc b/.prettierrc
@@ -1,8 +1,10 @@
 {
-  "semi" : false,
-  "trailingComma" : "none",
+  "semi": false,
+  "trailingComma": "none",
   "arrowParens": "always",
   "singleQuote": true,
-  "tabWidth" : 2,
-  "printWidth" : 80
-}
+  "tabWidth": 2,
+  "printWidth": 80,
+  "bracketSpacing": true,
+  "jsxBracketSameLine": true
+}
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -6,14 +6,14 @@ const config: StorybookConfig = {
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-onboarding',
-    '@storybook/addon-interactions',
+    '@storybook/addon-interactions'
   ],
   framework: {
     name: '@storybook/react-vite',
-    options: {},
+    options: {}
   },
   docs: {
-    autodocs: 'tag',
-  },
+    autodocs: 'tag'
+  }
 }
 export default config
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
@@ -0,0 +1,51 @@
+import type { Preview } from '@storybook/react'
+import { BrowserRouter } from 'react-router-dom'
+import '../src/styles/index.css'
+import React from 'react'
+
+const customViewports = {
+  iPhone13: {
+    name: 'iPhone 13',
+    styles: {
+      width: '390px',
+      height: '844px'
+    },
+    type: 'mobile'
+  },
+  tablet: {
+    name: 'iPad Pro 11',
+    styles: {
+      width: '834px',
+      height: '1194px'
+    },
+    type: 'tablet'
+  }
+}
+
+const preview: Preview = {
+  parameters: {
+    layout: 'fullscreen',
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i
+      }
+    },
+    viewport: {
+      viewports: customViewports,
+      defaultViewport: 'iPhone13'
+    }
+  },
+  decorators: [
+    (Story) => (
+      <BrowserRouter>
+        <div>
+          <Story />
+        </div>
+      </BrowserRouter>
+    )
+  ]
+}
+
+export default preview
diff --git a/custom.d.ts b/custom.d.ts
@@ -0,0 +1,6 @@
+declare module '*.svg' {
+  import React = require('react')
+  export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>
+  const src: string
+  export default src
+}
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + React + TS</title>
+    <script type="text/javascript" src="https://oapi.map.naver.com/openapi/v3/maps.js?ncpClientId=gheq9zrnsh"></script>
   </head>
   <body>
     <div id="root"></div>