YouTube 클론코딩

📖 프로젝트 소개

유튜브 클론 코딩은 Spring Boot와 Swift, React를 기반으로 영상 기반 소셜 미디어 유튜브 서비스를 하나하나 구현해가는 프로젝트입니다.

---

⛰️ 프로젝트 목표

• 친숙한 서비스인 유튜브를 분석해서 구조를 직접 설계합니다.
• 역할을 분담하여 서비스를 코드로 구현하고 배포해봅니다.
  • 구현하는 과정에서 Front-end와 Back-end가 협업하는 과정을 이해합니다.
    • RESTful API를 직접 설계하고 API를 통한 HTTP 통신을 겪으며 협업 능력을 기릅니다.
    • 자신이 맡은 부분을 남에게 설명할 수 있는 의사소통 능력을 기릅니다.
  • 단순히 구현 후 끝나는 것이 아닌 코드 리뷰와 피드백을 통해 함께 성장합니다.
  • 기존의 코드를 지속적으로 개선하기 위해 리팩토링을 진행합니다.
• Spring Boot와 Swift, React를 기반으로 다양한 기술 스택을 학습하고 적용합니다.

---

🖥 ️구현

로그인

• 소셜로그인(구글) 구현
• 로그인, 로그아웃

메인 화면 및 쇼츠

-메인화면 및 쇼츠화면

영상화면 및 댓글

-영상호출(M3u8) -댓글

영상업로드

-영상업로드 및 인코딩

---

👨🏻‍💻 기술스택

Category	Stack
Tool	Xcode, Swift PM
Language	Swift, StoryBoard
Architecture	MVVM
Collaboration	Git, Github, Discord

---

✍🏻 느낀점

• MVVM 패턴으로 구현하며, MVVM패턴의 장점인 코드의 재사용성을 느낄 수 있는 시간이었다.
• M3u8영상을 AV kit 을 활용하여 인코딩하여 갖고오는 작업을 하며 영상처리하는 것에 대한 이해도가 향상되었다. 또한 비동기처리로 인한 지연을 사용자에게 알리는 view를 적용하면서 UI/UX에 대한 견해 또한 넒어졌다
• completioin handler를 이용해 비동기적으로 데이터를 처리하면서 발생하는 지연을 사용자에게 알리기 위해 ProgressView를 처음으로 프로젝트에 적용해보았다.