JobShopper

기업협업 팀 프로젝트

기업협업 프로젝트이기 때문에 코드 공개가 불가능합니다. 😂

Info

  1. 프로젝트 요약

    • JobShopper의 FAQ, 1:1 문의, 학생, 직업 & 학과 정보 관리하는 관리자 페이지 개선
  2. 사용 기술

    • React, NextJS, MongoDB, Mongoose, NodeJS, Express
  3. 역할

    • Full Stack Developer

Contribution

Front

  • NextJS를 사용해 1:1 문의, 학교 관리 페이지 제작.
  • Grid Model과 Flex Box를 사용해 Layout 틀 구성.
  • Styled Components를 사용해 CSS-in-JS로 맡은 부분의 CSS 구성.
  • React Hooks를 활용해 Component들을 모두 Functional로 구현.
  • TypeScript를 사용해서 컴포넌트들의 Type을 관리.
  • Client Side Pagination 구현.

Back

  • 1:1 문의 & 학생 관리 관련 RESTfull API 작성.
  • Mongoose를 사용해 MongoDB의 데이터를 조합하는 로직 구현.

1:1 문의 실행 화면

학교 관리 실행 화면