v2.2.1 QA 반영 (#75)

* mobile 버전 navigation list font family 수정

* Member page blur 10px 로 조정

* font-family 재수정

* header button text 가 가운데 정렬되도록 수정

* 운영진 resource 수정 및 Person 컴포넌트 click event 추가

* Noto Sans 폰트 추가

* 폰트 재수정

* 아이콘 사이즈 조정

* misc

common/components/Header/NavigationItem.tsx

@@ -64,6 +64,7 @@ const itemMobileStyles = css`
 
   font-size: 40px;
   font-weight: bold;
+  font-family: Gmarket Sans;
   line-height: 40px;
 
   :hover {

common/components/Header/NavigationItemList.tsx

@@ -105,9 +105,15 @@ const NotifyContainer = styled.div`
 `;
 
 const GoogleFormRedirectButton = styled.div<{ device: Device }>`
-  width: auto;
+  width: 145px;
+  height: 38px;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-family: Noto Sans, Gmarket Sans, ---apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
+    Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 
-  padding: 12px 24px;
   margin-left: 7px;
   border-radius: 27px;
 

modules/member/components/Person.tsx

@@ -13,7 +13,7 @@ export default function Person({ name, depromeetPosition, jobPosition, photoLink
   const [hover, setHover] = useState(false);
 
   return (
-    <Container onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)}>
+    <Container onClick={() => setHover(true)} onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)}>
       <ImageWrapper device={device}>
         <Image src={photoLink} layout="fill" objectFit="cover" css={{ borderRadius: '10px 10px 0 0' }} />
       </ImageWrapper>
@@ -111,7 +111,7 @@ const Backdrop = styled.div<{ device: Device }>`
   column-gap: 14px;
 
   background: rgba(0, 0, 0, 0.7);
-  backdrop-filter: blur(20px);
+  backdrop-filter: blur(10px);
 
   svg {
     cursor: pointer;

modules/member/utils/semester/11.ts

@@ -20,16 +20,18 @@ const 이송민: Person = {
   link: {
     linkedIn: 'https://www.linkedin.com/in/imean1030/',
     behance: 'https://www.behance.net/songminlee',
+    homepage: 'https://imean.tistory.com/m',
   },
 };
 
-const 박준영: Person = {
-  name: '박준영',
-  jobPosition: 'UX Designer',
-  photoLink: '/member/11/박준영.jpeg',
+const 정미숙: Person = {
+  name: '정미숙',
+  jobPosition: 'Product designer',
+  photoLink: '/member/11/정미숙.jpg',
   link: {
-    linkedIn: 'https://www.linkedin.com/in/jun-young-park',
-    behance: 'https://www.behance.net/senki1009',
+    linkedIn: 'https://www.linkedin.com/in/misuk-jeong-2bba94224/',
+    behance: 'https://www.behance.net/misukj12240ed5',
+    homepage: 'https://kusim.tistory.com/',
   },
 };
 
@@ -44,14 +46,23 @@ const 박종호: Person = {
   },
 };
 
-const 정미숙: Person = {
-  name: '정미숙',
+const 이병호: Person = {
+  name: '이병호',
   jobPosition: 'Product designer',
-  photoLink: '/member/11/정미숙.jpg',
+  photoLink: '/member/11/이병호.jpg',
   link: {
-    linkedIn: 'https://www.linkedin.com/in/misuk-jeong-2bba94224/',
-    behance: 'https://www.behance.net/misukj12240ed5',
-    homepage: 'https://kusim.tistory.com/',
+    behance: 'https://www.behance.net/lee1796ca3a',
+    linkedIn: 'https://www.linkedin.com/in/%EB%B3%91%ED%98%B8-%EC%9D%B4-312466235/',
+  },
+};
+
+const 박준영: Person = {
+  name: '박준영',
+  jobPosition: 'UX Designer',
+  photoLink: '/member/11/박준영.jpeg',
+  link: {
+    linkedIn: 'https://www.linkedin.com/in/jun-young-park',
+    behance: 'https://www.behance.net/senki1009',
   },
 };
 
@@ -75,13 +86,4 @@ const 김효진: Person = {
   },
 };
 
-const 이병호: Person = {
-  name: '이병호',
-  jobPosition: 'Product designer',
-  photoLink: '/member/11/이병호.jpg',
-  link: {
-    behance: 'https://www.behance.net/lee1796ca3a',
-  },
-};
-
-export default [김성민, 이송민, 박준영, 박종호, 정미숙, 신동빈, 김효진, 이병호];
+export default [김성민, 이송민, 정미숙, 박종호, 이병호, 박준영, 신동빈, 김효진];

pages/_app.tsx

@@ -22,6 +22,12 @@ export default function App({ Component, pageProps }: AppProps) {
             src: url('/fonts/GmarketSansTTFBold.ttf') format('truetype');
           }
 
+          @font-face {
+            font-family: 'Noto Sans';
+            font-weight: 400;
+            src: url('/fonts/NotoSansKR-Medium.otf') format('truetype');
+          }
+
           :focus {
             outline: none;
             border: none;