GithubHelp home page GithubHelp logo

ggongjukim / pre-onboarding-9th-3-6 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from wanted-pre-onboarding-internship-team-6/pre-onboarding-9th-3-6

0.0 0.0 0.0 229 KB

원티드 프리온보딩 인턴십 3주차 기업과제 - 플렉시스

Shell 6.62% TypeScript 58.29% HTML 35.09%

pre-onboarding-9th-3-6's Introduction

원티드 프리온보딩 인턴십 N주차 기업과제 - 기업명

📜 목차

  1. 과제 소개
  2. 실행 방법
  3. 배포 링크
  4. 기술 스택
  5. 폴더 구조
  6. 모범 사례
  7. 협업 방식
  8. 팀 구성원

📝 과제 소개

진행 기간: 2023.03.13 ~ 2023.03.16 (4일)

이 과제는.....


🕹️ 실행 방법

$ git clone 레포지토리 주소
$ cd 레포지토리 이름
$ npm install
$ npm run dev

🔗 배포 링크

바로 가기


🛠️ 기술 스택

  • Vite : 선정 이유
  • React Query : 선정 이유
  • Zustand : 선정 이유

📂 폴더 구조



🥇 모범 사례

예시 1) <Navigate to="/main" replace />

/으로 접속한 유저를 /main으로 리다이렉트할 때 옵션값으로 replace를 주어 최상위 히스토리를 대체하게 했다. 이 옵션값을 주지 않으면 /main에서 뒤로가기를 해도 /main으로 돌아오게 되어 갇힌다.

예시 2) useModal 훅

// useModal 선언부
export default function useModal(){
  ...
}

// useModal 호출부
const { modal, openModal, closeModal } = useModal();

모달을 관리하는 로직을 useModal 훅으로 분리해서 어디서나 모달을 조작할 수 있게 했다.


🤝 협업 방식

1. 요구사항 분석

과제의 요구사항을 분석하고 세세한 항목으로 나눠 분류합니다.

2. 이슈 발행

분석한 요구사항을 기간에 맞게 분배한 후 각 날짜에 해당하는 이슈(템플릿)를 생성합니다.

3. 구현 & PR

각자 해당 날짜의 이슈를 코드로 구현하고 커밋(git 컨벤션)하고 PR(템플릿)을 올립니다.

4. 코드 리뷰

각자의 PR을 보며 코드 리뷰를 합니다.

5. 모범 사례 선정

요구사항을 기록한 이슈에서 해당 이슈의 모범 사례라고 생각하는 PR의 번호를 작성해 투표합니다.
모범 사례에 가장 가까운 PR을 선정하고 다른 PR의 모범 사례를 적용해 부족한 점을 보완합니다.

6. Merge

보완한 코드로 PR을 올려 Merge 하고 다음 요구사항 이슈에 대해 반복합니다.


👥 팀 구성원


김채현


박수빈


박종익


이동건


이준석


이춘구


진형빈


한성린

🔺 목차로 돌아가기

pre-onboarding-9th-3-6's People

Contributors

chun-gu 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.