Resolve merge conflict in deploy-dev.yml workflow

Author: 조성진

.github/workflows/deploy-dev.yml

@@ -69,4 +69,4 @@ jobs:
             sudo docker compose -f docker-compose.dev.yml up -d --build
 
             echo "테스트 서버 배포 완료"
-          EOF
+          EOF

app/(landing)/page.tsx

@@ -80,8 +80,8 @@ export default async function Landing() {
           <div className="relative z-10 flex flex-col items-center justify-center gap-400">
             <div>
               <p className="font-bold-h1 text-text-strong flex flex-col items-center">
-                <span>기획자, 개발자 디자이너를 위한</span>
-                <span>프리미엄 멤버십 플랫폼</span>
+                <span>IT 업계 선배들이 진행하는</span>
+                <span>프리미엄 실전 스터디/외주 플랫폼</span>
               </p>
 
               <p className="text-text-subtle font-designer-16m mt-200 flex flex-col items-center">
@@ -208,17 +208,22 @@ export default async function Landing() {
 
             <div className="mt-200 flex flex-col gap-300">
               <p className="font-bold-h2 text-text-strong flex flex-col">
-                <span>사전 등록하고</span>
-                <span>패키지 혜택을 받아보세요</span>
+                <span>당신을 위한 스터디가 준비중입니다!</span>
+                {/* <span>연락드릴게요!</span> */}
               </p>
 
               <p className="text-text-subtle font-designer-16m flex flex-col">
-                <span>사전 등록 이용자 한정으로 특별한 선물을 준비했어요.</span>
+                <span>현재 멘토님들이 스터디 개설을 준비하고 있어요.</span>
+                <br />
                 <span>
-                  오픈 알림을 신청하시면 멘토링, 스터디, 외주 프로젝트 개설에
-                  대한
+                  알림을 신청하시면 나의 관심분야에 대한 
                 </span>
-                <span>정보를 가장 먼저 알려드릴게요.</span>
+                <span>
+                  오픈 정보를 가장 먼저 알려드릴게요.
+                </span>
+                {/* <span>정보를 가장 먼저 알려드릴게요.</span> */}
+                <br />
+                <span>(선착순 모집 마감시에는 알림이 발송되지 않을 수 있습니다)</span>
               </p>
             </div>
           </div>

app/api/notify-user-by-email/route.ts

@@ -6,11 +6,12 @@ export async function POST(request: NextRequest) {
     const body = await request.json();
 
     // 폼 데이터 유효성 검사
-    const { email, type, features, consultation, agreeTerms } = body;
+    const { email, type, experience, features, consultation, agreeTerms } = body;
 
     if (
       !email ||
       !type ||
+      !experience ||
       !features ||
       !Array.isArray(features) ||
       agreeTerms === undefined
@@ -34,6 +35,7 @@ export async function POST(request: NextRequest) {
     const formData: LandingFormData = {
       email,
       type,
+      experience,
       features,
       consultation: consultation || '',
       agreeTerms,

src/shared/lib/google-sheets.ts

@@ -3,7 +3,7 @@ import { google } from 'googleapis';
 // Google Sheets API 설정
 const SCOPES = ['https://www.googleapis.com/auth/spreadsheets'];
 const SPREADSHEET_ID = process.env.NEXT_PUBLIC_GOOGLE_SHEETS_ID || '';
-const RANGE = 'A:F'; // A부터 F열까지 사용 (시트 이름 없이)
+const RANGE = 'A:G'; // A부터 G열까지 사용 (시트 이름 없이)
 
 // Google Sheets API 클라이언트 초기화
 async function getSheetsClient() {
@@ -23,6 +23,7 @@ async function getSheetsClient() {
 export interface LandingFormData {
   email: string;
   type: string;
+  experience: string;
   features: string[];
   consultation: string;
   agreeTerms: boolean;
@@ -35,11 +36,12 @@ export async function addToGoogleSheets(data: LandingFormData): Promise<void> {
     const sheets = await getSheetsClient();
 
     // 헤더가 없는 경우 헤더 추가
-    const headerRange = 'A1:F1';
+    const headerRange = 'A1:G1';
     const headerValues = [
       [
         '이메일',
         '직무 유형',
+        '경력',
         '관심 기능',
         '상담 내용',
         '개인정보 동의',
@@ -61,6 +63,7 @@ export async function addToGoogleSheets(data: LandingFormData): Promise<void> {
       [
         data.email,
         data.type,
+        data.experience,
         data.features.join(', '),
         data.consultation,
         data.agreeTerms ? '동의' : '비동의',

src/widgets/landing/form.tsx

@@ -1,12 +1,15 @@
 'use client';
 
 import { useState } from 'react';
+import { useRouter } from 'next/navigation';
 import Button from '@/shared/ui/button';
 import Checkbox from '@/shared/ui/checkbox';
 
 export default function LandingForm() {
+  const router = useRouter();
   const [checked, setChecked] = useState<string[]>([]);
   const [type, setType] = useState<string>('NONE');
+  const [experience, setExperience] = useState<string>('NONE');
   const [email, setEmail] = useState<string>('');
   const [consultation, setConsultation] = useState<string>('');
   const [isSubmitting, setIsSubmitting] = useState<boolean>(false);
@@ -25,7 +28,13 @@ export default function LandingForm() {
       }
 
       if (type === 'NONE') {
-        alert('직무 유형을 선택해주세요.');
+        alert('어느 분야에서 활동하고 계신가요?');
+
+        return;
+      }
+
+      if (experience === 'NONE') {
+        alert('경력이 얼마나 되시나요?');
 
         return;
       }
@@ -51,6 +60,7 @@ export default function LandingForm() {
         body: JSON.stringify({
           email: email.trim(),
           type,
+          experience,
           features: checked.filter((item) => item !== 'AGREE_TERMS_OF_SERVICE'),
           consultation: consultation.trim(),
           agreeTerms: checked.includes('AGREE_TERMS_OF_SERVICE'),
@@ -64,8 +74,11 @@ export default function LandingForm() {
         // 폼 초기화
         setEmail('');
         setType('NONE');
+        setExperience('NONE');
         setChecked([]);
         setConsultation('');
+        // 로그인 페이지로 이동
+        router.push('/login');
       } else {
         alert(result.error || '오류가 발생했습니다.');
       }
@@ -109,109 +122,170 @@ export default function LandingForm() {
             <option value="FRONTEND">프론트엔드 개발자</option>
             <option value="BACKEND">백엔드 개발자</option>
             <option value="PLANNER">서비스 기획자</option>
-            <option value="DESIGNER">프로덕트 디자이너</option>
-            <option value="UX_DESIGNER">UX 디자이너</option>
+            <option value="DESIGNER">UI/UX 디자이너</option>
+            <option value="MARKETER">마케터</option>
+            <option value="OTHER">기타</option>
+          </select>
+          <div className="font-designer-16m mt-[32px] mb-[12px] text-[#444444]">
+            경력이 얼마나 되시나요?
+          </div>
+          <select
+            className={`h-[60px] w-full appearance-none rounded-[16px] bg-[#F2F2F2] bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMTBMMTIgMTVMMTcgMTAiIHN0cm9rZT0iIzY2NjY2NiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+')] bg-no-repeat py-[18px] pr-[50px] pl-[24px] ${
+              experience === 'NONE' ? 'text-[#999999]' : 'text-[#111111]'
+            }`}
+            style={{ backgroundPosition: 'calc(100% - 12px) center' }}
+            value={experience}
+            onChange={(e) => setExperience(e.target.value)}
+          >
+            <option value="NONE" hidden>
+              경력을 선택해주세요.
+            </option>
+            <option value="NEWBIE">뉴비</option>
+            <option value="JOBSEEKER">취업준비중(0년차)</option>
+            <option value="JUNIOR">주니어(1-3년차)</option>
+            <option value="MIDDLE">미들(4-6년차)</option>
+            <option value="SENIOR">시니어(7년차 이상)</option>
           </select>
           <div className="font-designer-16m mt-[32px] mb-[12px] text-[#444444]">
-            제로원에서 사용해보고 싶은 기능은 무엇인가요?
+            제로원에서 가장 먼저 선보였으면 하는 기능은 무엇인가요?
             <span className="font-designer-14m text-[#FF4C4F]">
               *복수선택가능
             </span>
           </div>
 
-          <div className="flex flex-row gap-[16px]">
+          <div className="grid grid-cols-2 gap-[16px]">
             <div className="flex flex-row gap-[11px]">
               <Checkbox
-                id="STUDY"
-                checked={checked.includes('STUDY')}
+                id="TECH_INTERVIEW"
+                checked={checked.includes('TECH_INTERVIEW')}
                 onToggle={() => {
                   setChecked(
-                    checked.includes('STUDY')
-                      ? checked.filter((item) => item !== 'STUDY')
-                      : [...checked, 'STUDY'],
+                    checked.includes('TECH_INTERVIEW')
+                      ? checked.filter((item) => item !== 'TECH_INTERVIEW')
+                      : [...checked, 'TECH_INTERVIEW'],
                   );
                 }}
                 themeColor="#F63D68"
               />
               <label
-                htmlFor="STUDY"
+                htmlFor="TECH_INTERVIEW"
                 className="font-designer-16m text-[#767676]"
               >
-                1:1 개인 스터디
+                1:1 파트너 면접 스터디
               </label>
             </div>
             <div className="flex flex-row gap-[11px]">
               <Checkbox
-                id="GROUP_STUDY"
-                checked={checked.includes('GROUP_STUDY')}
+                id="BOOK_STUDY"
+                checked={checked.includes('BOOK_STUDY')}
                 onToggle={() => {
                   setChecked(
-                    checked.includes('GROUP_STUDY')
-                      ? checked.filter((item) => item !== 'GROUP_STUDY')
-                      : [...checked, 'GROUP_STUDY'],
+                    checked.includes('BOOK_STUDY')
+                      ? checked.filter((item) => item !== 'BOOK_STUDY')
+                      : [...checked, 'BOOK_STUDY'],
                   );
                 }}
                 themeColor="#F63D68"
               />
               <label
-                htmlFor="GROUP_STUDY"
+                htmlFor="BOOK_STUDY"
                 className="font-designer-16m text-[#767676]"
               >
-                단체 스터디 그룹
+                책/인강 스터디
               </label>
             </div>
             <div className="flex flex-row gap-[11px]">
               <Checkbox
-                id="OUTSOURCING"
-                checked={checked.includes('OUTSOURCING')}
+                id="MENTOR_TUTORING"
+                checked={checked.includes('MENTOR_TUTORING')}
                 onToggle={() => {
                   setChecked(
-                    checked.includes('OUTSOURCING')
-                      ? checked.filter((item) => item !== 'OUTSOURCING')
-                      : [...checked, 'OUTSOURCING'],
+                    checked.includes('MENTOR_TUTORING')
+                      ? checked.filter((item) => item !== 'MENTOR_TUTORING')
+                      : [...checked, 'MENTOR_TUTORING'],
                   );
                 }}
                 themeColor="#F63D68"
               />
               <label
-                htmlFor="OUTSOURCING"
+                htmlFor="MENTOR_TUTORING"
                 className="font-designer-16m text-[#767676]"
               >
-                외주 프로젝트
+                멘토 주도 1:1/그룹 과외형 스터디
               </label>
             </div>
             <div className="flex flex-row gap-[11px]">
               <Checkbox
-                id="EXPERT_ANSWER"
-                checked={checked.includes('EXPERT_ANSWER')}
+                id="MISSION_CHALLENGE"
+                checked={checked.includes('MISSION_CHALLENGE')}
                 onToggle={() => {
                   setChecked(
-                    checked.includes('EXPERT_ANSWER')
-                      ? checked.filter((item) => item !== 'EXPERT_ANSWER')
-                      : [...checked, 'EXPERT_ANSWER'],
+                    checked.includes('MISSION_CHALLENGE')
+                      ? checked.filter((item) => item !== 'MISSION_CHALLENGE')
+                      : [...checked, 'MISSION_CHALLENGE'],
                   );
                 }}
                 themeColor="#F63D68"
               />
               <label
-                htmlFor="EXPERT_ANSWER"
+                htmlFor="MISSION_CHALLENGE"
                 className="font-designer-16m text-[#767676]"
               >
-                전문가 답변 서비스
+                미션인증 챌린지 스터디
+              </label>
+            </div>
+            <div className="flex flex-row gap-[11px]">
+              <Checkbox
+                id="FUNDED_PROJECT"
+                checked={checked.includes('FUNDED_PROJECT')}
+                onToggle={() => {
+                  setChecked(
+                    checked.includes('FUNDED_PROJECT')
+                      ? checked.filter((item) => item !== 'FUNDED_PROJECT')
+                      : [...checked, 'FUNDED_PROJECT'],
+                  );
+                }}
+                themeColor="#F63D68"
+              />
+              <label
+                htmlFor="FUNDED_PROJECT"
+                className="font-designer-16m text-[#767676]"
+              >
+                펀딩받는 실전프로젝트 스터디
+              </label>
+            </div>
+            <div className="flex flex-row gap-[11px]">
+              <Checkbox
+                id="OUTSOURCING"
+                checked={checked.includes('OUTSOURCING')}
+                onToggle={() => {
+                  setChecked(
+                    checked.includes('OUTSOURCING')
+                      ? checked.filter((item) => item !== 'OUTSOURCING')
+                      : [...checked, 'OUTSOURCING'],
+                  );
+                }}
+                themeColor="#F63D68"
+              />
+              <label
+                htmlFor="OUTSOURCING"
+                className="font-designer-16m text-[#767676]"
+              >
+                SI 외주 프로젝트
               </label>
             </div>
           </div>
 
           <div className="font-designer-16m mt-[32px] mb-[12px] text-[#444444]">
-            전문가에게 상담받고 싶은 고민거리가 있으시다면 자유롭게 적어주세요.
+            요즘 계속 생각나는 고민(질문)이 있으시다면 자유롭게 적어주세요. 진심을 다해 돕겠습니다.
           </div>
           <textarea
-            placeholder="Ex) 외주 프로젝트에 참여하고 싶은데 제로 베이스라 어디서부터 시작해야할지 잘 모르겠어요."
+            placeholder="Ex) 3년차 프론트엔드 개발자고 외주를 하고 싶은데 어디서부터 시작해야할지 잘 모르겠어요. 그럴 실력이 되는지도 모르겠고... 팀을 찾고 같이 하면 좋을 것 같아요"
             value={consultation}
             onChange={(e) => setConsultation(e.target.value)}
             className="placeholder:font-designer-16m h-[120px] w-full resize-none rounded-[16px] bg-[#F2F2F2] px-[24px] py-[18px] placeholder:text-[#999999]"
           />
-          <div className="mt-[24px] flex flex-row gap-[11px]">
+          <div className="mt-[24px] flex flex-row items-center gap-[11px]">
             <Checkbox
               id="AGREE_TERMS_OF_SERVICE"
               checked={checked.includes('AGREE_TERMS_OF_SERVICE')}
@@ -233,6 +307,14 @@ export default function LandingForm() {
             >
               개인정보 보호정책에 동의합니다.
             </label>
+            
+            <button
+              type="button"
+              onClick={() => window.open('https://www.notion.so/gaan/13efbb391d7980cea50fc6864d60f4f7?p=29bfbb391d7980fba669f8d4de741021&pm=s', '_blank')}
+              className="font-designer-14m text-[#F63D68] underline hover:text-[#E5353A]"
+            >
+              보기
+            </button>
           </div>
 
           <Button
@@ -241,7 +323,7 @@ export default function LandingForm() {
             className="text-font-designer-18m mt-[60px] h-[60px] w-full rounded-[16px] py-[16px]"
             disabled={isSubmitting}
           >
-            오픈 알림 신청하기
+            내 관심분야 스터디 오픈 알림 신청하기
           </Button>
         </div>
       </form>