Homepage-Front-R2

키퍼 홈페이지 프론트엔드 리뉴얼2

개발기간 : 2023. 11. 11. ~ 2023. 10. 15.

목차

🔗 배포 주소
👨‍💻 구성원
👀 프로젝트 배경
🚀 프로젝트 목적
🔧 기술 스택
💡 시작 가이드
💎 라이센스

🔗 배포 주소

운영 서버 주소 : https://keeper.or.kr/

개발 서버 주소 : https://dev.keeper.or.kr/

👨‍💻 구성원

🕹️ 주담당자

publdaze

이메일 문의 [email protected]

🛠️ 유지 보수 담당자

publdaze

jasper200207

pipisebastian

👨‍👨‍👦‍👦 기여자

👀 프로젝트 배경

기존 리뉴얼 홈페이지의 문제점

• 통일성 부족한 디자인
  각 페이지마다 개별적인 디자인으로 인해 통일성이 부족했습니다.
• 명확하지 않은 코딩 규칙
  명확한 코딩 규칙이 없어 코드마다 다양한 코딩 스타일이 혼재되었습니다.
• 부족한 코드 리뷰
  리뷰 없이 머지가 가능하여 코드 리뷰 활동이 활발히 이루어지지 않았습니다.
• 팀원 간 소통 부족
  회의 및 업무 공유가 부족하여 다른 팀원들의 작업 현황을 파악하기 어려웠습니다.

🚀 프로젝트 목적

• 명확한 기획과 디자인
  기획 담당과 디자인 담당을 명확히 정하고, 분야별 회의를 진행하여 통일성을 유지하고자 합니다.
• 클린 코드
  Eslint와 Prettier를 명확하게 정의하여 코드의 일관성을 높이고, 코드 리뷰를 적극적으로 수행하여 상호간에 놓친 부분을 보완하여 클린 코드를 유지하고자 합니다.
• 가시적인 진척도와 활발한 소통
  주기적인 업무 공유 및 회의를 통해 팀원 간 의견을 조율하고, GitHub의 프로젝트 기능을 활용하여 전체적인 프로젝트 진행 상황과 개별 진척도를 명확히 파악할 수 있도록 합니다.
• 코드 재사용성 높이기
  공통된 기능을 수행하는 컴포넌트를 개발하여 코드의 재사용성을 높입니다. 이를 통해 일관된 디자인을 유지하고 유지보수의 효율성을 향상시킬 수 있습니다.

🔧 기술 스택

🛠 Skill & Tool

🧩 Communication Tool

💡 시작 가이드

• nvm 설정

  nvm install
  nvm use
  

• root path에 .env 파일 추가

  REACT_APP_API_URL={{ apiUrl }}
  HTTPS=true
  

• 필요한 패키지 설치 및 실행

  npm install
  npm start
  

💎 라이센스

해당 프로젝트는 MIT LICENSE 를 따릅니다.