/Homepage-Front-R2

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

Primary LanguageTypeScriptMIT LicenseMIT

keeper logo

Homepage-Front-R2

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

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

목차

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

🔗 배포 주소

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

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

👨‍💻 구성원

🕹️ 주담당자

main manager
publdaze
  • 이메일 문의
  • publdaze@naver.com
  • 🛠️ 유지 보수 담당자

    publdaze
    publdaze

    jasper200207
    jasper200207

    pipisebastian
    pipisebastian

    👨‍👨‍👦‍👦 기여자

    contributors

    👀 프로젝트 배경

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

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

    🚀 프로젝트 목적

    • 명확한 기획과 디자인
      기획 담당과 디자인 담당을 명확히 정하고, 분야별 회의를 진행하여 통일성을 유지하고자 합니다.
    • 클린 코드
      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 를 따릅니다.