Team Introduction

Team Name

AlzarTakkarsen (알잘딱깔센 : 알아서 잘 딱 깔끔하고 센스있게)

Contributors

kangseokho	usreon	dddttt000	LeeSangHeon

강석호

• Position : Back-end
• Stack : React.js, styled-components, react-router-dom, axios

Work

손연주

• Position : Back-end
• Stack : NodeJs, Express, Axios, JWT, 0Auth, Mysql, Sequelize, Bcrypt, CryptoJS,
• AWS : EC2, LoadBalancer, CodePipeline, Certificate Manager, Route53

Work

Common

• 아이디어 구상
• 와이어프레임, 워크 플로우 작성
• 깃허브 프로젝트 레포지토리 관리

Deploy

• EC2 설정
• CodeBuild / CodeDeploy / CodePipeline 을 이용한 배포 자동화
• 도메인 구매 및 인증서 발급
• 서버 HTTPS 배포
• 환경변수 설정
• 배포 실시간 점검 및 디버깅

Server

• Auth
  • ?
• SignUp
  • ?
• SignIn
  • ?
• SignOut
  • ?
• Google Login
  • ?
• MyPage
  • ?
• My Gallery
  • ?

DB

• DB Schema 설계

임송하

• Position : Front-end
• Stack : React.js, Styled-components, react-router-dom, axios

Work

Common

• 아이디어 구상
• 와이어프레임, 워크 플로우 작성
• 깃허브 프로젝트 레포지토리 관리

Client

• Contributions
  • 유저 상태 및 권한에 따른 랜딩페이지 랜더링 상태 디자인 / 구현
  • Restricted Router를 활용하여 유저 로그인 상태 및 권한에 따른 페이지 접근 관리
  • 로그인 기능/ 모달창 플로우 수정
  • 작성된 모든 포스팅 가공하여 렌딩페이지에 랜더링
  • 로딩 상태에 따른 스피너 제작

이상헌

• Position : Front-end
• Stack : express, node.js, JWT, React, React-router-dom

Work

Client

1. 메인 페이지

• 인기 갤러리 기능 구현

2. 모든 장면 보기 / 모든 갤러리 보기

• 무한 스크롤 구현

3. 나의 장면 게시하기 :

• 이미지 업로드(AWS SDK) 기능 구현
• 영화 제목 검색 및 선택(드랍 다운) 창 구현

4. 갤러리 상세 페이지

• 장면 사진 클릭시 장면 상세 페이지로 이동
• 갤러리 수정 및 삭제
• 좋아요 상태 확인 및 추가, 취소

5. 검색 페이지

• 검색 기능 구현
• 갤러리 / 장면 클릭시 상세 페이지로 이동

6. 마이 갤러리

• 나의 장면 / 나의 갤러리 페이지네이션(더보기) 기능 구현
• 좋아요한 장면/ 갤러리 페이지네이션(더보기) 기능 구현
• 갤러리 / 장면 클릭시 상세 페이지로 이동

7. 반응형 웹 (PC, Tablet, Phone) CSS 구현
8. AWS Domain, HTTPS, 자동화 배포 설정