From 204efbd5ad0ed10b4517f54e8c22fdd0546a540e Mon Sep 17 00:00:00 2001 From: hyunaeri Date: Fri, 15 Nov 2024 13:56:02 +0900 Subject: [PATCH] =?UTF-8?q?Docs:=20=EC=B5=9C=EC=A2=85=20README.md=20?= =?UTF-8?q?=EC=9E=91=EC=84=B1=20=EC=99=84=EB=A3=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 39 ++++++++++++++++++++++++++++++++++++++- 1 file changed, 38 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 39bfc05..a3af188 100644 --- a/README.md +++ b/README.md @@ -43,10 +43,47 @@ ## ✨ 프로젝트 소개 -영상 하이라이트를 분석하여 쇼츠를 생성해주는 쇼츠 자동화 서비스 +영상 하이라이트를 분석하여 쇼츠를 생성해주는 쇼츠 자동화 서비스, '딸깍'
+## 💡 서비스 기획 의도 + +최근 영상 소비 트렌드는 짧고 핵심적인 숏폼 위주로 변하고 있습니다. 따라서 이러한 흐름이 발 맞춰, '딸깍'은 영상 편집의 진입장벽을 낮추어 누구나 손쉽게 숏폼 영상을 만들고 공유할 수 있도록 돕는 것을 목표로 하고 있습니다. 또한 공유된 서로의 영상을 시청하고 피드백을 교환할 수 있는 커뮤니티를 통해 사용자들이 상호작용하며 함께 성장할 수 있는 플랫폼을 제공합니다. + +
+ +## 🔧 주요 기능 + +### 1. 하이라이트 추출 및 숏폼 생성 + +- AI 가 롱폼 영상에서 주요 장면을 분석하여 자동으로 숏폼으로 편집해주어 짧은 시간 내에 완성도 높은 컨텐츠를 제작할 수 있게 합니다. + +### 2. 커뮤니티 기반 피드백 + +- 사용자 간 상호 컨텐츠에 대해 피드백을 교환하고, 이를 바탕으로 컨텐츠를 개선할 수 있는 커뮤니티 기능을 제공합니다. + +### 3. 사용자별 추천 영상 + +- 각 사용자의 관심사와 영상을 분석하여, 개인에게 적합한 흥미로운 컨텐츠를 추천할 수 있도록 추천 알고리즘을 설계했습니다. + +
+ +## ⚙️ 프론트엔드 개발 주안점 + +### 1. 컴포넌트 최적화를 위한 Lazy Loading 사용 + +> 어플리케이션의 성능 최적화를 위해 `Lazy Loading` 을 활용하여 컴포넌트를 동적으로 로드하는 방식을 채택했습니다. 이를 통해 초기 로딩 속도를 개선하고 사용자가 필요한 시점에만 컴포넌트를 동적으로 로드할 수 있게 설계했습니다. 특히 리소스가 많이 필요한 무거운 컴포넌트를 사용자가 접글할 때까지 로드하지 않음으로써 불필요한 리소스 낭비를 방지하고 전반적인 성능을 향상시켰습니다. + + +### 2. 런타임 타입 검증을 위한 React Hook Form 과 Zod의 조합 + +> 타입스크립트는 정적 타입 검사를 통해 컴파일 타임에 오류를 잡을 수 있지만, 런타임 타입 검증이 불가능하다는 한계를 고려했습니다. 이러한 부분을 보완하기 위해 `React Hook Form` 과 `Zod` 를 사용하여 폼 데이터의 타입을 런타임에 검증할 수 있도록 구현했습니다. Zod 를 통해 런타임에서 타입을 검증하여 코드의 안정성을 높이고, 폼 입력값의 유효성을 보장하여 사용자 경험을 개선했습니다. + + + +
+ ## 🖥️ 배포 링크 - **Frontend**: http://talkak-fe.s3-website.ap-northeast-2.amazonaws.com