From 459a374daeaa9bbef2635a10d88b77b7efba126a Mon Sep 17 00:00:00 2001
From: 2yunseong <dbsdltjd123@gmail.com>
Date: Tue, 3 Sep 2024 03:04:39 +0900
Subject: [PATCH 1/2] =?UTF-8?q?docs:=20readme=20=EC=B5=9C=EC=8B=A0?=
 =?UTF-8?q?=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 56 +++++++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 48 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index ce525811..e45fea74 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,17 @@
 # econo-recruit
+
 ## Description
+
 ---
+
 에코노베이션 동아리 신입모집 플랫폼
 매 신입기수 채용시 필요한 다양한 서비스들을 통합 관리 및 지원합니다.
 협업을 위한 칸반보드식 업무 프로세스 지원 서비스, 지원서 작성 및 제출, TF 선정 및 전체 프로세스 관리자 페이지, 현 지원자 통계 페이지를 제공합니다.
 
 ## Requirements
+
+- node v19.5.0
+- pnpm
 - jdk-17
 - java 11
 - Spring Boot 2.6.7
@@ -13,27 +19,61 @@
 - stomp-websocket:2.3.3
 - swagger : springdoc-openapi-ui:1.6.6
 
+## How To Start
+
+### 1. Setting Enviromnment variables
+
+1. generate `.env` on `/frontend` directory
+
+```
+NCP_SMS_SERVICE_ID=""  # NCP SMS 서비스 ID
+NCP_SMS_ACCESS_KEY=""  # NCP SMS 서비스 Access key
+NCP_SMS_SECRET_KEY=""  # NCP SMS 서비스 Secret key
+NEXT_PUBLIC_API_URL="" # server end point URL
+```
+
+### 2-1. Start localhost with development environment
+
+```bash
+pnpm install --frozen-lockfile
+pnpm run dev
+```
+
+### 2-2. deployment to the production environment
+
+```bash
+pnpm install --frozen-lockfile
+pnpm run build
+pnpm start
+```
+
 ## Usage
+
 다음 서비스 다음 신입모집 기수에 다시 런칭 예정
 
 ## 지원 서비스
 
 ### 0. 메인 화면
- ![메인화면](https://user-images.githubusercontent.com/54030889/226104495-7983e142-1150-4908-8acf-4d6d257d1089.png)
- 
+
+![메인화면](https://user-images.githubusercontent.com/54030889/226104495-7983e142-1150-4908-8acf-4d6d257d1089.png)
+
 ### 1. 칸반보드 서비스 ( 칸반보드형 지원자 관리 플랫폼 )
+
 - 각 칸반을 생성, 이동, 지원자 등록시 자동 카드 생성, 삭제, 네비게이션 관리, 좋아요, 댓글 기능 포함
-![신입모집 칸반보드](https://user-images.githubusercontent.com/54030889/226103685-ea9ec66b-f127-413c-b78d-23aad3f49a4e.png)
+  ![신입모집 칸반보드](https://user-images.githubusercontent.com/54030889/226103685-ea9ec66b-f127-413c-b78d-23aad3f49a4e.png)
 
 ### 2. 세부 카드 관리
-- 지원서 폼 내용 열람 및 평가, 댓글, 댓글 좋아요(일반 좋아요와 구분), 
-![카드내용](https://user-images.githubusercontent.com/54030889/226103761-bb1bb54e-fada-446d-bd07-d55b45770935.png)
+
+- 지원서 폼 내용 열람 및 평가, 댓글, 댓글 좋아요(일반 좋아요와 구분),
+  ![카드내용](https://user-images.githubusercontent.com/54030889/226103761-bb1bb54e-fada-446d-bd07-d55b45770935.png)
 
 ### 3. 관리자 페이지
+
 - 신입모집 TF 선정 , 통계 열람
-![신입모집 관리자 페이지](https://user-images.githubusercontent.com/54030889/226104145-91f758e8-1d44-44b9-b984-af77a9113641.png)
-![신입모집 관리자 페이지통계](https://user-images.githubusercontent.com/54030889/226104347-0b71bfae-866b-4724-8231-59fbb17eff50.png)
-![관리자 페이지](https://user-images.githubusercontent.com/54030889/226104472-f1497958-9b78-4acd-bd96-ada15df9cfbc.png)
+  ![신입모집 관리자 페이지](https://user-images.githubusercontent.com/54030889/226104145-91f758e8-1d44-44b9-b984-af77a9113641.png)
+  ![신입모집 관리자 페이지통계](https://user-images.githubusercontent.com/54030889/226104347-0b71bfae-866b-4724-8231-59fbb17eff50.png)
+  ![관리자 페이지](https://user-images.githubusercontent.com/54030889/226104472-f1497958-9b78-4acd-bd96-ada15df9cfbc.png)
 
 ### 4. 지원서 신청
+
 ![신청](https://user-images.githubusercontent.com/54030889/226104521-7806fffa-634c-48b5-95a7-87d66e7bfbb5.png)

From c9b68c1c2f4266912fc2132e01a89c1702941148 Mon Sep 17 00:00:00 2001
From: 2yunseong <dbsdltjd123@gmail.com>
Date: Tue, 3 Sep 2024 03:17:16 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=EA=B8=80=EC=9E=90=EC=88=98=20?=
 =?UTF-8?q?=EC=A0=9C=ED=95=9C=EC=9D=84=201000=EC=9E=90=EC=97=90=EC=84=9C?=
 =?UTF-8?q?=20700=EC=9E=90=EB=A1=9C=20=EB=B3=80=EA=B2=BD=ED=95=9C=EB=8B=A4?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../application/applicationLayout/BooleanTextarea.component.tsx | 2 +-
 .../components/application/applicationNode/Text.component.tsx   | 2 +-
 .../application/applicationNode/Textarea.component.tsx          | 2 +-
 frontend/cypress/e2e/application.motivation.cy.ts               | 2 +-
 frontend/src/constants/index.ts                                 | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/components/application/applicationLayout/BooleanTextarea.component.tsx b/frontend/components/application/applicationLayout/BooleanTextarea.component.tsx
index c63a93db..56130a16 100644
--- a/frontend/components/application/applicationLayout/BooleanTextarea.component.tsx
+++ b/frontend/components/application/applicationLayout/BooleanTextarea.component.tsx
@@ -41,7 +41,7 @@ const TextArea = ({ node }: TextAreaProps) => {
         <textarea
           className="border rounded-lg px-4 py-6 w-full resize-none"
           rows={20}
-          maxLength={1000}
+          maxLength={700}
           name={node.name}
           value={textValue}
           onInput={onInput}
diff --git a/frontend/components/application/applicationNode/Text.component.tsx b/frontend/components/application/applicationNode/Text.component.tsx
index dbbf9dd2..95e76637 100644
--- a/frontend/components/application/applicationNode/Text.component.tsx
+++ b/frontend/components/application/applicationNode/Text.component.tsx
@@ -48,7 +48,7 @@ const ApplicationText = ({ data }: ApplicationTextProps) => {
           setIsError(isError);
           setValue(value);
         }}
-        maxLength={textData.maxLength ?? 1000}
+        maxLength={textData.maxLength ?? 700}
         minLength={textData.minLength ?? 0}
       />
       {isError && textData.errorMessages ? (
diff --git a/frontend/components/application/applicationNode/Textarea.component.tsx b/frontend/components/application/applicationNode/Textarea.component.tsx
index 27ec7abf..ee7f7a94 100644
--- a/frontend/components/application/applicationNode/Textarea.component.tsx
+++ b/frontend/components/application/applicationNode/Textarea.component.tsx
@@ -37,7 +37,7 @@ const ApplicationTexarea = ({ data }: ApplicationTextareaProps) => {
           rows={20}
           name={textData.name}
           value={value}
-          maxLength={1000}
+          maxLength={700}
           onInput={onInput}
         />
         <div className="absolute bottom-3 right-4 bg-white text-sm">{`(${value.length}/${MAX_TEXT_LENGTH})`}</div>
diff --git a/frontend/cypress/e2e/application.motivation.cy.ts b/frontend/cypress/e2e/application.motivation.cy.ts
index 5f842284..a492bc11 100644
--- a/frontend/cypress/e2e/application.motivation.cy.ts
+++ b/frontend/cypress/e2e/application.motivation.cy.ts
@@ -1,4 +1,4 @@
-const MAX_LENGTH = 1000;
+const MAX_LENGTH = 700;
 
 describe("참가자 지원 동기 질문 페이지 e2e 테스트", () => {
   beforeEach(() => {
diff --git a/frontend/src/constants/index.ts b/frontend/src/constants/index.ts
index 3176cdd6..98afed3e 100644
--- a/frontend/src/constants/index.ts
+++ b/frontend/src/constants/index.ts
@@ -175,4 +175,4 @@ export const needValidatePath = [
   "/kanban",
 ];
 
-export const MAX_TEXT_LENGTH = 1000;
+export const MAX_TEXT_LENGTH = 700;