naye0ng / Portfolio-Team3

Hello Universe! 팀 및 개발자 소개 웹사이트

Home Page:https://hello-team3.firebaseapp.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Hello Universe! 🙋🙆‍♂

팀 및 개발자 포트폴리오 웹 블로그

Why Hello Universe?

개발자라면 꼭 한 번은 찍어보는 'Hello World' 에서 영감을 받아 기본에 충실하되, 더 나은 개발자로 성장하고자 팀 이름을 **Hello Universe!**로 정했습니다.


I. 프로젝트 기능

총 6주의 개발 기간을 두 단계로 나눠서 1단계 2주, 2단계 4주 동안 각각 2회의 스프린트 주기를 설정하여 프로젝트를 진행함.


1차 프로젝트

기간 : 2019.07.08 ~ 2019.07.19 (2주)

  • 기본 레이아웃 구성(header, footer, portfolio, post)
  • 포스트, 포트폴리오 페이지 추가
  • 이미지 업로더 : 포트폴리오에 사진첨부 기능 추가
  • git repository commit 그래프 구현(팀 및 멤버별 대표 repository)
  • 팀소개 section 추가
  • 팀원 프로필 모달
  • 소셜 로그인 구현
  • 회원가입 구현
  • 사용자 위치 날씨 정보 제공
  • 웹 로그 수집 및 통계
  • 한/영 자동 번역 기능
  • 반응형

추가 기능

  • 프로필 페이지 구현(소셜 계정 연동)
  • 이미지 배너(반짝이는 별, 별똥별)
  • 프로젝트 폴더 구조 변경(기능별로 정리)
  • 비밀번호 암호화 저장
  • 비밀번호 초기화 이메일
  • vuex : getter, action, mutation을 파일로 분리

2차 프로젝트

기간 : 2019.07.22 ~ 2019.08.16 (4주)

  • firebase 연동 및 배포
  • 웹 사이트 회원 권한 구분
  • 관리자 페이지 구현
  • 포트폴리오 및 포스트 댓글 CRUD 구현
  • 웹 푸시 알림 기능
  • 버그 수정
  • Q&A 채팅 챗봇 기능
  • 오프라인 데이터베이스 : 오프라인 접속
  • 반응형

추가 기능 🚀

  • 1차 프로젝트 코드 리펙토링
  • 인트로 페이지(애니메이션, 음악)
  • 프로필 페이지 기능 추가(프로필 수정, 내 글 및 '좋아요'한 게시글 확인, 권한 요청)
  • 포트폴리오 및 포스트 기능 추가(좋아요, 태그, 검색)
  • 관리자 페이지 기능 추가(사용자 권한 요청 알림)
  • 로딩 애니메이션 추가
  • 회원가입시 SNS 이미지 || 랜덤 프로필 이미지 설정
  • 푸시 알림 기능 추가(댓글 추가시 작성자에게 알림)
  • Github api 호출 횟수 제한 해결(캐싱)

II. 팀원 및 업무 분담 내역

프로젝트의 이해도를 높이기 위해 1차에서 맡은 기능을 이어서 개발하지 않았고, 다른 팀원이 개발했던 기능을 넘겨받거나 새로운 역할을 맡았습니다. 2차 개발 전에 각자 코드에 주석을 달아서 다음 팀원을 배려했고, 2차 개발을 진행하면서 서로의 코드에 대해 질문, 답변을 하면서 모든 팀원이 프로젝트 구조를 전반적으로 파악할 수 있었습니다.

🐳 김나영(Nana) github

김나영 개발 일지

  • 1차 프로젝트

    • 반응형 기본 레이아웃 구성
    • git repository commit 그래프 구현
    • 웹 로그 수집 및 통계
    • 이미지 배너(반짝이는 별, 별똥별)
  • 2차 프로젝트

    • firebase 연동 및 배포
    • 웹 사이트 회원 권한 구분
    • 관리자 페이지 구현
    • 오프라인 데이터베이스 : 오프라인 접속
    • 인트로 페이지(애니메이션)
    • 로딩 애니메이션 추가
    • 관리자 페이지 기능 추가(사용자 권한 요청 알림)
    • github api 호출 횟수 제한 해결(캐싱)

🐨 김동욱(Eddy kim) github

김동욱 개발 일지

  • 1차 프로젝트
    • 회원가입 구현
    • 한/영 자동 번역 기능
    • 비밀번호 암호화 저장
    • 비밀번호 초기화 이메일
  • 2차 프로젝트
    • 포트폴리오 및 포스트 댓글 CRUD 구현

🐥 박해원(Hazel) github

박해원 개발 일지

  • 1차 프로젝트
    • 반응형 기본 레이아웃 구성
    • 소셜 로그인 구현
    • 프로필 페이지 구현(소셜 계정 연동)
  • 2차 프로젝트
    • 포트폴리오 및 포스트 좋아요 구현
    • 포스트에 tag와 검색 기능 추가
    • 프로필 페이지 기능 추가(내 글 및 '좋아요'한 게시글 확인)
    • 인트로 페이지(음악)
    • 회원가입시 SNS 이미지 || 랜덤 프로필 이미지 설정

😻임현아(Anna) github

임현아 개발 일지

  • 1차 프로젝트
    • 반응형 기본 레이아웃 구성
    • 사용자 위치 날씨 정보 제공
    • 프로젝트 폴더 구조 변경(기능별로 정리)
    • 팀원 프로필 모달
    • 팀소개 section 추가
  • 2차 프로젝트
    • 웹 사이트 회원 권한 구분
    • 포트폴리오 및 포스트 댓글 CRUD 구현
    • Q&A 채팅 챗봇 기능
    • 프로필 페이지 기능 추가(프로필 수정, 권한 요청)
    • vuex : getter, action, mutation을 파일로 분리

🐢 조용범(Richard) github

조용범 개발 일지

  • 1차 프로젝트
    • 포스트, 포트폴리오 페이지 추가
    • 이미지 업로더 : 포트폴리오에 사진첨부 기능 추가
  • 2차 프로젝트
    • 웹 푸시 알림 기능
    • 오프라인 데이터베이스 : 오프라인 접속
    • 회원가입시 SNS 이미지 || 랜덤 프로필 이미지 설정
    • 푸시 알림 기능 추가(댓글 추가시 작성자에게 알림)

III. 개발 및 배포

(1) 개발 환경

  • Language : html, css, javascript

  • Framework : Vue.js

  • Package Install

    // package.json
    npm install
    

(2) 배포 환경

  • 배포 플랫폼 : Firebase, AWS Ubuntu EC2

About

Hello Universe! 팀 및 개발자 소개 웹사이트

https://hello-team3.firebaseapp.com


Languages

Language:Vue 80.6%Language:JavaScript 16.8%Language:HTML 1.4%Language:CSS 1.2%