시리즈 소개

Video Info Storage 앱을 만들며 생긴 이슈, 원인, 해결법, 추가로 알게 된 지식을 정리한 곳.

앱 소개

개요

비디오 정보를 등록하면 사이트에 접속한 모든 사람들이 볼 수 있다. 회원 가입한 경우에만 등록이 가능하다.
Vanilla JavaScript, Node.js, Express, Pug로 만들었고, Heroku로 배포했다.
(디자인은 추후 개선 예정)

앱을 만들게 된 이유

JavaScript계 서버 어플리케이션의 구현부터 배포까지 연습해보기 위해.
원래는 노마드 코더 유튜브 클론 챌린지 과제였다. 말 그대로 유튜브를 똑같이 클론하는 과정이었으나, 시간과 지식이 부족하여 비디오 파일 업로드, 비디오 녹화 등 많은 기능을 생략하고 사실상 별도의 앱이 되었다.
JavaScript, Node.js 문법 어렵지 않구나, 웹 프로그래밍이란 거 의외로 할 만하구나, 하고 생각하게 해준 매우 의미 있는 프로젝트이다.

사용 흐름

1. 회원가입(Join)하고 로그인(Login).
2. 비디오를 업로드(Upload Video).
3. 메인 화면에 뜬 비디오 제목을 클릭하면 상세 정보가 보임.
4. 본인의 프로필 수정(Edit Profile).
5. 로그아웃(Logout).

URL

https://aqueous-crag-80315.herokuapp.com/

깃허브

https://github.com/sarifor/video-info-storage