서론
아빠가 스쿠버 다이빙 다녀와서 찍은 영상과 사진을 올려둘 수 있는 사이트 하나 만들어 달라고 해서 파일 업로드 서비스 A.Q.U 클라우드를 개발 했다.
깃허브
기술 스택
프론트엔드
프레임워크
- 근본의 리액트를 사용했다
라이브러리
- 디자인: Styled-Components
- 전역 상태관리: Zustand
- 서버 통신: Axios
백엔드
프레임워크
- NestJS
라이브러리
- 파일 업로드: Multer
- ORM: typeORM
- redis: ioredis, redis
- mysql: mysql2
- jwt: passport, passport-jwt, @nestjs/jwt, @nestjs/passport
- crypt: bcrypt
주요기능
동영상, 사진, 여타 파일등을 업로드할 수 있다.
동영상, 사진은 미리보기 제공
만약 A.Q.U 회원이라면 파일을 다운로드까지 할 수 있다.
이게 끝이다.
간단 easy한 프로젝트라 하루만에 완성할 수 있었다.
느낀점
이번 프로젝트 하면서 이제 내가 리액트랑 스타일드 컴포넌트에 적응이 좀 많이 된 것 같다는 생각이 들었다. 학기 초에 스타일드 컴포넌트 쓸때랑 차원이 다르게 속도가 빨라져서 기분이 좋다 ㅎ
여담
실제로 쓰라고 만들었는데 아빠가 불편하다고 안쓴다고 해서 그냥 버렸다..ㅋㅋㅋ
실제로 쓰려면 파일 올릴 때 하나씩 올리는게 아니고 여러개로 묶어서 올릴 수 있게 하라고 했다.
(지금은 그냥 유사게시판임 하나씩 게시글 쓰듯 올릴 수 있음.)
집에 라즈베리파이로는 불날 수도 있으니 서버 비용 내달라 해야겠다 ㅋㅋ
