Merge branch 'develop' into feature/#109

.github/workflows/lint-check.yml

@@ -0,0 +1,15 @@
+name: lint check
+
+on: pull_request
+
+jobs:
+  eslint-test:
+    name: eslint test
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '18.18.0'
+      - run: npm install
+      - run: npm run lint

.github/workflows/type-check.yml

@@ -0,0 +1,15 @@
+name: type check
+
+on: pull_request
+
+jobs:
+  type-test:
+    name: type test
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '18.18.0'
+      - run: npm install
+      - run: npm run typecheck

src/App.tsx

@@ -11,7 +11,10 @@ import CreateRetroPage from '@/pages/CreateRetroPage';
 import HomePage from '@/pages/HomePage';
 import MyPage from '@/pages/MyPage';
 import SurveyPage from '@/pages/SurveyPage';
-import WriteRetroTeamPage from '@/pages/WriteRetroTeamPage';
+import { WriteRetroPersonalPage } from '@/pages/WriteRetroPersonalPage';
+import { WriteRetroRevisePersonalPage } from '@/pages/WriteRetroRevisePersonalPage';
+import { WriteRetroReviseTeamPage } from '@/pages/WriteRetroReviseTeamPage';
+import { WriteRetroTeamPage } from '@/pages/WriteRetroTeamPage';
 
 interface PrivateRouteProps {
   children: ReactElement;

src/components/home/MainDesign.tsx

@@ -4,33 +4,35 @@ import * as L from '@/styles/layout/layout.style';
 
 const MainDesign = () => {
   return (
-    <S.TopTriangleContainer>
+    <>
+      <S.TopTriangleContainer>
+        <S.TopText>
+          개인회고와 팀 회고 템플릿을 동시에 제공하는 회괴 웹페이지입니다. <br />
+          우리는 개인과 팀이 모두 발전할 수 있도록, <br />
+          과거의 경험을 효과적으로 되새기고 배우는 것을 지원합니다.
+        </S.TopText>
+        <S.BottomText>
+          과거를 회고하며 미래로 나아가는 과정을 촉진하는 의미를 가진 이름으로 <br />
+          &apos; Past&apos; (과거)와 &apos;Forward &apos;(앞으로 나아가다)를 결합하여 비전을 표현합니다.
+        </S.BottomText>
+      </S.TopTriangleContainer>
       <S.BrandContainer>
-        <img src={logo} style={{ marginTop: '150px', marginLeft: '80px', width: '300px', zIndex: '999' }} />
+        <img src={logo} style={{ paddingLeft: '80px', width: '300px' }} />
         <S.BrandTextBox>
-          <S.BrandSmallText style={{ marginLeft: '30%' }}>Moving</S.BrandSmallText>
+          <S.BrandSmallText style={{ paddingLeft: '20%' }}>Moving</S.BrandSmallText>
           <L.LogoText color="white" style={{ fontSize: '70px' }}>
             Forward
           </L.LogoText>
         </S.BrandTextBox>
         <S.BrandTextBox>
-          <S.BrandSmallText style={{ marginLeft: '45%' }}>From the</S.BrandSmallText>
+          <S.BrandSmallText style={{ paddingLeft: '45%' }}>From the</S.BrandSmallText>
           <L.LogoText color="white" style={{ fontSize: '70px' }}>
             Past
           </L.LogoText>
         </S.BrandTextBox>
         <S.StartedFreeButton>Get Started for Free</S.StartedFreeButton>
       </S.BrandContainer>
-      <S.TopText style={{ marginLeft: '70%' }}>
-        개인회고와 팀 회고 템플릿을 동시에 제공하는 회괴 웹페이지입니다. <br />
-        우리는 개인과 팀이 모두 발전할 수 있도록, <br />
-        과거의 경험을 효과적으로 되새기고 배우는 것을 지원합니다.
-      </S.TopText>
-      <S.BottomText>
-        과거를 회고하며 미래로 나아가는 과정을 촉진하는 의미를 가진 이름으로 <br />
-        &apos; Past&apos; (과거)와 &apos;Forward &apos;(앞으로 나아가다)를 결합하여 비전을 표현합니다.
-      </S.BottomText>
-    </S.TopTriangleContainer>
+    </>
   );
 };
 

src/components/layout/parts/LogoBox.tsx

@@ -2,12 +2,12 @@ import Logo from '@/../public/logo.svg';
 import * as S from '@/styles/layout/layout.style';
 const LogoBox = () => {
   return (
-    <S.LogoBox>
+    <>
       <S.LogoText color="brand" href="/#">
         <img src={Logo} />
         Past Forward
       </S.LogoText>
-    </S.LogoBox>
+    </>
   );
 };