From dfc4d6e48dd102de5f419c6ca5b5f44ff6ab54c9 Mon Sep 17 00:00:00 2001 From: Brokyeom Date: Tue, 25 Jul 2023 13:28:22 +0900 Subject: [PATCH 1/9] =?UTF-8?q?chore=20:=20productSection=20=EA=B2=BD?= =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/app/page.tsx | 2 +- .../{ => prouduct}/ProductSection.tsx | 43 +++++++++++-------- 2 files changed, 27 insertions(+), 18 deletions(-) rename apps/web/src/components/mainpage/{ => prouduct}/ProductSection.tsx (58%) diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx index 5f6bcb0..defb303 100644 --- a/apps/web/src/app/page.tsx +++ b/apps/web/src/app/page.tsx @@ -3,7 +3,7 @@ import { ReactLenis } from '@studio-freight/react-lenis'; import GreetingSection from '@/components/mainpage/greeting/GreetingSection'; -import ProductSection from '@/components/mainpage/ProductSection'; +import ProductSection from '@/components/mainpage/prouduct/ProductSection'; import Recruit from '@/components/mainpage/Recruit'; export default function Page() { diff --git a/apps/web/src/components/mainpage/ProductSection.tsx b/apps/web/src/components/mainpage/prouduct/ProductSection.tsx similarity index 58% rename from apps/web/src/components/mainpage/ProductSection.tsx rename to apps/web/src/components/mainpage/prouduct/ProductSection.tsx index 3c8f9d6..8131f1e 100644 --- a/apps/web/src/components/mainpage/ProductSection.tsx +++ b/apps/web/src/components/mainpage/prouduct/ProductSection.tsx @@ -2,6 +2,8 @@ import clsx from 'clsx'; +import Description from './Description'; + interface ProductProps { className?: string; } @@ -10,7 +12,7 @@ export default function Product({ className }: ProductProps) { return (
-
+

@@ -37,26 +39,33 @@ export default function Product({ className }: ProductProps) { OFFICIAL

+
-
- SOPT 플레이그라운드 -
- - - PLAYGROUND -
& CREW - +
+
+ SOPT 플레이그라운드 +
+ + + PLAYGROUND +
& CREW + +
+
-
- SOPT 공식 앱 -
- - - APP -
& OPERATION - +
+
+ SOPT 공식 앱 +
+ + + APP +
& OPERATION + +
+
From 0ee91e7d3f1b0caee39c2ceb6bd39788bba98a5b Mon Sep 17 00:00:00 2001 From: Brokyeom Date: Tue, 25 Jul 2023 15:24:05 +0900 Subject: [PATCH 2/9] =?UTF-8?q?feat=20:=20productSection=20=ED=8D=BC?= =?UTF-8?q?=EB=B8=94=EB=A6=AC=EC=8B=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/app/page.tsx | 2 +- .../mainpage/prouduct/Description.tsx | 85 +++++++++++++++---- .../mainpage/prouduct/ProductSection.tsx | 57 +++---------- .../components/mainpage/prouduct/Title.tsx | 64 ++++++++++++++ 4 files changed, 143 insertions(+), 65 deletions(-) create mode 100644 apps/web/src/components/mainpage/prouduct/Title.tsx diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx index defb303..35e4627 100644 --- a/apps/web/src/app/page.tsx +++ b/apps/web/src/app/page.tsx @@ -12,7 +12,7 @@ export default function Page() {
{/*
*/} - + {/* */}
diff --git a/apps/web/src/components/mainpage/prouduct/Description.tsx b/apps/web/src/components/mainpage/prouduct/Description.tsx index 0f45236..da8b755 100644 --- a/apps/web/src/components/mainpage/prouduct/Description.tsx +++ b/apps/web/src/components/mainpage/prouduct/Description.tsx @@ -1,19 +1,68 @@ -export default function Description() { - return ( -
- official_image -
- SOPT 공식 홈페이지에서는 그동안 잘 드러나지 않던 SOPT의 다양한 활동들과 사람들을 소개하고, 멋진 결과물을 잘 - 보여주어 -
SOPT가 지닌 열정과 가치들을 잘 알리는 역할을 해요. -
-
그로 인해 대외적으로 후원 및 협력을 용이하게 하고, 더 많은 분들이 SOPT를 잘 이해하고 지원할 수 있도록 - 도와요. -
-
- ); +interface DescriptionProps { + type: 'official' | 'playground' | 'app'; +} + +export default function Description({ type }: DescriptionProps) { + switch (type) { + case 'official': + return ( +
+ official_image +
+ SOPT 공식 홈페이지에서는 그동안 잘 드러나지 않던 SOPT의 다양한 활동들과 사람들을 소개하고, 멋진 결과물을 잘 + 보여주어 +
SOPT가 지닌 열정과 가치들을 잘 알리는 역할을 해요. +
+
그로 인해 대외적으로 후원 및 협력을 용이하게 하고, 더 많은 분들이 SOPT를 잘 이해하고 지원할 수 있도록 + 도와요. +
+
+ ); + case 'playground': + return ( +
+ playground_image +
+ 플레이그라운드에서는 SOPT 전체 회원들의 소개를 볼 수 있고, 나보다 앞을 걸어가고 있는 OB들에게 멘토링을 + 신청할 수 있어요. +
앱잼, 솝커톤, 솝텀 등 프로젝트를 등록할 수 있고 스터디, 세미나 등의 모임을 열고 또 참여할 수 있어요. +
+ SOPT 플레이그라운드는 SOPT 회원들이 소통하고 연결될 수 있는 공간이에요. 멘토링을 통한 가치있는 연결, + 끝말잇기와 같은 +
가벼운 연결도 만들어가고 있어요. 현재는 약 500명의 회원이 있으며 앞으로 모임 피드, 커뮤니티 등 여러 + 가치있는 연결을 만들어 +
+ 가고자 해요. +
+
+ ); + case 'app': + return ( +
+ app_image +
+ 공식앱을 통해서 SOPT 정규 세미나와 데모데이 등 공식 행사의 출석 인증 및 관리를 할 수 있어요. +
솝탬프를 통해 SOPT를 A부터 Z까지 즐길 수 있는 미션을 달성하며 회원들과 함께 랭킹을 쌓을 수 있어요. +
+
+ 공식앱은 SOPT 활동이 더욱 편하고 즐거울 수 있도록 돕는 역할을 하며 여러 서비스들의 중심점의 역할을 하고자 + 해요. +
+
+ ); + default: + return null; + } } diff --git a/apps/web/src/components/mainpage/prouduct/ProductSection.tsx b/apps/web/src/components/mainpage/prouduct/ProductSection.tsx index 8131f1e..a1bf6ba 100644 --- a/apps/web/src/components/mainpage/prouduct/ProductSection.tsx +++ b/apps/web/src/components/mainpage/prouduct/ProductSection.tsx @@ -3,6 +3,7 @@ import clsx from 'clsx'; import Description from './Description'; +import Title from './Title'; interface ProductProps { className?: string; @@ -10,12 +11,12 @@ interface ProductProps { export default function Product({ className }: ProductProps) { return ( -
+
-
-

+

+

메이커스는
3개의 제품으로 @@ -30,41 +31,17 @@ export default function Product({ className }: ProductProps) { 더하고 있어요.

-