Git Product home page Git Product logo

42gg-onboarding-fe-02's Introduction

42gg 프론트엔드 온보딩 2단계

공통 조건

  • 온보딩 프로젝트는 개인 계정으로 fork하여 진행하고 PR로 제출합니다.
  • git / github / code 컨벤션은 42gg notion에 있는 자료를 적극 반영합니다.
  • 기본 기능 외 추가 기능, 디자인 구현은 자유입니다.
  • 최종 제출품에는 README 작성이 되있어야 합니다.(예시)

EX01. login / logout 구현하기

  • (필수) React.js, Recoil, SCSS
  • (필수) eslint, prettier 설정
  • (필수) 함수 컴포넌트로 제작
  • (선택) CRA, Webpack, Vite
  • (선택) msw, react-query / SWR
  • (선택) Figma, MUI, Ant Design, Tailwind CSS
  • (선택) 계정 유효성 검사

EX02. 유저 권한별 routing page

  • (중요) EX01 결과물에 이어서 작업합니다.
  • (필수) normal, manager, admin 3개의 권한을 가진 유저별 정보 제공
  • (필수) 권한별 routing page 구현
  • (필수) 상단 navbar, sidebar 제작
  • (선택) React-Router-Dom v6, Context API
  • (선택) 로그인 유지
  • (선택) custom hook

참고

  • 유저 정보는 json-server or js 파일 내 객체를 이용하여 관리합니다.
  • 로그인/로그아웃 구현하기 위해 필요한 기능과 화면 구성들을 생각(그려보고)해보고, 구현해보세요.
  • 궁금한 사항은 issue에 등록해주세요.

42gg-onboarding-fe-02's People

Contributors

mike2ox 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.