Giter VIP home page Giter VIP logo

fastfive-team3-front's Introduction

FASTFIVE 기업협업 3팀

🙂 프로젝트 소개

프로젝트 기간

  • 2022.12.12 ~ 2022.12.27 (약 2주)

⭐ 팀원 소개 및 담당 기능

Front-end

  • 박성아
    • 서브홈 - 메인 페이지
    • 리스트 페이지
  • 오다원
    • 프로젝트 세팅
    • 상세페이지
    • 상세페이지 - 회사 상세 정보
      • 홈페이지 클릭 시 새 탭으로 페이지 이동
      • 이메일 클릭 시 ‘이메일이 복사되었습니다’ 토스트 문구 노출 및 이메일 복사
      • 파일 이름 클릭 시 파일 다운로드
    • 상세페이지 - 댓글
      • 댓글 및 답글(대댓글) 조회,작성,수정,삭제
      • 페이지네이션
  • 한혜선
    • 게시물 수정/등록 페이지
    • header, footer, side bar 레이아웃

🤼 협업 툴 및 개발환경

협업 방식

  • 노션에서 칸반보드와 타임라인을 이용하여 티켓으로 일정관리
  • Daily Stand Up Meeting : 매일 오전 11시 30분에 30분간 미팅 진행
    • 어제까지 작업한 사항 공유 및 오늘 작업계획 공유
  • Slack으로 공지사항 전달
  • VSCode Live Share : 실시간 코드 공유 및 피드백

기능 구현 방식

  • git, github, google meet, zoom을 사용하여 실시간으로 팀원간의 코드 리뷰를 진행하고 에러 및 충돌 해결

개발환경

  • OS : Windows, Ubuntu, MacOS
  • 언어 및 기술Stack : HTML, CSS, TypeScript, SCSS, React
  • 형상관리 : Github
  • 문서관리 : Notion
  • 협업 : Slack, VSC(Live share)

😎 결과물

상세페이지 - 회사 상세 정보

image

  • 홈페이지 클릭 시 새 탭으로 이동합니다.
  • 연락처 중 이메일 클릭 시 ‘복사되었습니다’문구와 함께 이메일을 복사할 수 있습니다.
  • 회사 소개서 클릭 시 파일 다운로드가 가능합니다.

상세페이지 - 댓글

  • 댓글, 답글(대댓글)을 달 수 있습니다. sendReply sendNestedReply

  • 댓글수정, 삭제가 가능합니다.

  • 페이지네이션 기능을 제공합니다. (기획문서에 따라 무한스크롤 대신 페이지네이션으로 처리하였습니다.) image


서브홈 - 메인 페이지(/)

https://velog.velcdn.com/images/sonia0903/post/9a60453a-9434-4534-a9f8-7beaef53c918/image.gif

https://velog.velcdn.com/images/sonia0903/post/8a0e043d-6b3a-4564-921c-846401ec804a/image.gif

https://velog.velcdn.com/images/sonia0903/post/bf977c46-5508-4b7d-8456-b014387c0ee8/image.gif


리스트 페이지 (/list)

https://velog.velcdn.com/images/sonia0903/post/63d2bbce-52b4-4cfa-838c-9c59b7520652/image.gif

https://velog.velcdn.com/images/sonia0903/post/8ec66454-2e64-4b07-9c70-4e63de6ac6b8/image.gif


게시물 등록/수정 페이지

image

fastfive-team3-front's People

Contributors

dawonoh avatar hazel-han99 avatar sonia0903 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.