Giter Site home page Giter Site logo

team-insert / bssm-frontend Goto Github PK

View Code? Open in Web Editor NEW
16.0 0.0 2.0 2.32 MB

BSM - 부산소마고 학생 정보 관리 시스템 프론트엔드

Home Page: https://newbsm.team-insert.com

License: MIT License

JavaScript 3.44% Shell 0.13% TypeScript 96.43%

bssm-frontend's Introduction

학생 스마트 정보 관리 시스템 BSM · MIT License PRs Welcome

BSM은 인서트에서 개발한 부산소마고 교내 학생 정보 관리 시스템입니다.
학생들은 한 서비스 내에서 마이스터 역량 인증제와 급식, 학사 일정 등 여러가지 학교와 관련된 정보들을 확인할 수 있습니다.

사이트 소개 보기

기여하기

BSM에는 인서트 팀의 멤버, 혹은 부산소마고 학생이 아니더라도 누구나 기여할 수 있습니다.
BSM에 기여하고 싶다고 생각하셨다면 아래 문서를 참고해주세요.

CONTRIBUTING

라이선스

MIT © Team. INSERT. LICENSE 파일을 참고하세요.

인서트

bssm-frontend's People

Contributors

ubinquitous avatar 5ewon avatar jyh071116 avatar sebanimm avatar zeroeuni avatar qlido avatar arkk200 avatar renovate[bot] avatar kimsiyeon0223 avatar lsj0202 avatar woongbin06 avatar

Stargazers

moody avatar Jungwoo LEE avatar weorder.dev.wopark avatar EunBean Kwon avatar 유지민 avatar 황다경 avatar taegeun avatar Jisu avatar  avatar MA HYEON WOO avatar  avatar Boseok Son avatar 김석진(poki) avatar HeeSungLee avatar Jimin Hong avatar  avatar

bssm-frontend's Issues

설정 모달 만들기

Describe

오른쪽 상단 헤더에 보이는 "설정"아이콘을 클릭하면 뜨는 모달을 만들어주세요.
components/common/Header/@setting 디렉터리를 생성해서 해당 디렉터리에서
작업을 진행해주세요.

디렉터리 내 컨벤션은 다른 페이지 컨벤션을 참조해주세요!
ex )
/layout
/service
/helper
...

구현해야하는 기능

  • 전체적인 레이아웃은 디스코드의 설정 레이아웃 페이지와 비슷하게 만들어주세요.
    인서트답게 따로 제공되는 디자인은 없답니다. 영은씨의 디자인 실력을 믿어볼게요..!!
  • 로그아웃 버튼을 구현해야해요. API는 다음 API를 참고해주세요.
    https://documenter.getpostman.com/view/29102607/2s9YR85Z9J
  • 리액트 쿼리의 useMutation 함수를 사용해주세요. onSuccess되면 user값을 invalidateQueries시키는 로직 또한 필요해요.
  • 또한 httpClient를 사용해서 useMutation을 구동시켜주셔야해요.

추가적으로 src/@modal/layout에 있는 LoginModal을 src/@user/layout 디렉터리로 이동시켜주세요.
modal 도메인과 적합하지 않은 것 같아요.

컨벤션에 맞게 클린 코드를 짜려고 노력해주세요!
화이팅입니다! !! ! ! !! 모르는거있음 질문해주세용 화이팅.!

Work

No response

Additional

다 적고 보니까 진짜제일겁나어려운거같아요

refactoring forum-edit

Describe

forum-edit을 post 애플리케이션으로 옮겨야합니다.

Work

  • forum-edit을 post 애플리케이션 옮기기

Additional

No response

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Warning

These dependencies are deprecated:

Datasource Name Replacement PR?
npm @types/graphql Unavailable
npm jest-dom Unavailable

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • chore(deps): update dependency @types/react-beautiful-dnd to v13.1.8
  • chore(deps): update dependency autoprefixer to v10.4.19
  • fix(deps): update dependency @testing-library/jest-dom to v6.1.6
  • fix(deps): update dependency axios to v1.6.8
  • fix(deps): update dependency dayjs to v1.11.12
  • fix(deps): update dependency dotenv to v16.3.2
  • fix(deps): update dependency graphql to v16.8.2
  • fix(deps): update dependency jotai to v2.6.5
  • fix(deps): update dependency msw to v1.3.3
  • fix(deps): update dependency sweetalert2 to v11.10.8
  • fix(deps): update dependency tinymce to v6.8.4
  • fix(deps): update eps (patch) (eslint-config-next, eslint-plugin-react-hooks)
  • chore(deps): update dependency cz-customizable to v7.2.1
  • fix(deps): update dependency @playwright/test to v1.45.2
  • fix(deps): update dependency apollo-link-token-refresh to ^0.7.0
  • fix(deps): update dependency axios to v1.7.2
  • fix(deps): update dependency babel-plugin-transform-remove-imports to v1.8.0
  • fix(deps): update dependency d3 to v7.9.0
  • fix(deps): update dependency dotenv to v16.4.5
  • fix(deps): update dependency graphql to v16.9.0
  • fix(deps): update dependency jotai to v2.9.0
  • fix(deps): update dependency react-slick to ^0.30.0
  • fix(deps): update dependency react-spinners to ^0.14.0
  • fix(deps): update dependency sweetalert2 to v11.12.3
  • fix(deps): update eps (minor) (eslint, eslint-config-next, eslint-plugin-react)
  • fix(deps): update react monorepo (minor) (@types/react, @types/react-dom, react, react-dom)
  • fix(deps): update testing-library monorepo (minor) (@testing-library/jest-dom, @testing-library/react)
  • chore(deps): update dependency conventional-changelog-conventionalcommits to v8
  • chore(deps): update dependency husky to v9
  • fix(deps): update dependency @sentry/nextjs to v8
  • fix(deps): update dependency @tanstack/react-query to v5
  • fix(deps): update dependency @testing-library/react to v16
  • fix(deps): update dependency @tinymce/tinymce-react to v5
  • fix(deps): update dependency @types/node to v20
  • fix(deps): update dependency @uiw/react-markdown-preview to v5
  • fix(deps): update dependency @uiw/react-md-editor to v4
  • fix(deps): update dependency graphql-request to v7
  • fix(deps): update dependency jwt-decode to v4
  • fix(deps): update dependency msw to v2
  • fix(deps): update dependency next to v14
  • fix(deps): update dependency react-toastify to v10
  • fix(deps): update dependency tinymce to v7
  • fix(deps): update eps (major) (eslint, eslint-config-airbnb-typescript, eslint-config-next, eslint-config-prettier, eslint-plugin-prettier, prettier)
  • fix(deps): update typescript-eslint monorepo to v7 (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
  • 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

Detected dependencies

npm
package.json
  • @playwright/test 1.34.3
  • @sentry/nextjs ^7.90.0
  • @tanstack/react-query ^4.35.3
  • @testing-library/jest-dom ^6.1.5
  • @testing-library/react ^14.1.2
  • @tinymce/tinymce-react ^4.3.0
  • @types/d3 ^7.4.0
  • @types/node 18.16.19
  • @types/react 18.2.14
  • @types/react-dom 18.2.6
  • @types/react-spinner ^0.2.0
  • @types/styled-components ^5.1.26
  • @types/tinymce ^4.6.5
  • @typescript-eslint/eslint-plugin ^5.43.0
  • @uiw/react-markdown-preview ^4.1.16
  • @uiw/react-md-editor 3.6.0
  • apollo-link-token-refresh ^0.6.0
  • axios ^1.4.0
  • babel-loader ^9.1.3
  • babel-plugin-styled-components ^2.1.4
  • babel-plugin-transform-remove-imports ^1.7.0
  • d3 ^7.8.5
  • dayjs ^1.11.9
  • dotenv ^16.3.1
  • eslint ^8.26.0
  • eslint-config-next 13.0.0
  • eslint-plugin-prettier ^4.2.1
  • graphql ^16.8.0
  • graphql-request ^6.1.0
  • jest ^29.7.0
  • jest-dom ^4.0.0
  • jotai ^2.5.1
  • jwt-decode ^3.1.2
  • msw ^1.2.3
  • next 13.5.2
  • next-remove-imports ^1.0.12
  • prettier ^2.8.8
  • react 18.2.0
  • react-circular-progressbar ^2.1.0
  • react-d3-radar ^1.0.0-rc6
  • react-dom 18.2.0
  • react-scroll-horizontal ^1.6.6
  • react-slick ^0.29.0
  • react-spinner ^0.2.7
  • react-spinner-overlay ^0.1.33
  • react-spinners ^0.13.8
  • react-toastify ^9.1.3
  • rehype-sanitize ^6.0.0
  • slick-carousel ^1.8.1
  • styled-components ^6.0.8
  • sweetalert2 ^11.7.28
  • tinymce ^6.6.0
  • typescript 5.0.4
  • @commitlint/cli ^17.3.0
  • @commitlint/config-conventional ^17.3.0
  • @playwright/test ^1.34.3
  • @semantic-release/changelog ^6.0.2
  • @semantic-release/commit-analyzer ^9.0.2
  • @semantic-release/git ^10.0.1
  • @semantic-release/npm ^9.0.1
  • @semantic-release/release-notes-generator ^10.0.3
  • @types/graphql ^14.5.0
  • @types/jest ^29.2.4
  • @types/react-beautiful-dnd ^13.1.3
  • @types/react-slick ^0.23.12
  • @typescript-eslint/parser ^5.43.0
  • autoprefixer ^10.4.13
  • babel-plugin-styled-components ^2.1.4
  • commitizen ^4.2.5
  • conventional-changelog-conventionalcommits ^5.0.0
  • cz-conventional-changelog ^3.3.0
  • cz-customizable ^7.0.0
  • eslint-config-airbnb ^19.0.4
  • eslint-config-airbnb-typescript ^17.0.0
  • eslint-config-prettier ^8.5.0
  • eslint-plugin-import ^2.26.0
  • eslint-plugin-react ^7.31.10
  • eslint-plugin-react-hooks ^4.6.0
  • husky ^8.0.2
  • jest-environment-jsdom ^29.7.0

  • Check this box to trigger a request for Renovate to run again on this repository

사이트 SEO, 메타데이터

Describe

next-seo 라이브러리로 페이지별 메타데이터를 추가해주세요.
이를 훅으로 만들어 각 페이지 별로 사용하면 좋을 것 같아요.
훅에서 사용되는 기본적인 메타데이터 사진과 헤더 아이콘을 추가해주세요.
훅 네이밍은 useSEO나 useSEOConfig같이 조금더 명시적이면 좋을 것 같아요.

예시 ) https://github.com/Team-INSERT/BUMAWIKI_WEB_V2/blob/master/hooks/useConfig.ts

사용법 )

const { seoConfig } = useConfig({
    title: "부마위키 - 사건/사고",
    description: "교내에서 일어나는 모든 사건/사고를 담은 페이지입니다.",
});

이렇게 세팅하면 다음과 같이 떠요.
스크린샷 2023-12-06 오후 6 44 20

게시판의 경우, 게시판마다 title과 description이 바뀌어야 해요.
부마위키에서는 이렇게 작업했어요:

const { seoConfig } = useConfig({
    title: `부마위키 - ${docs.title} (${util.typeEditor(docs.docsType)})`,
    description: `${docs.contents.slice(0, 20)}...`,
});

브랜치를 분기하고 작업이 완료되면 PR을 생성해주세요!

Work

No response

Additional

화이팅이에오 모르는거있음질문!!

Forum 아폴로 삭제하기

Describe

Forum 애플리케이션에 아폴로 라이브러리 삭제하고 리액트 쿼리에서 gql 사용하기

Work

  • 리팩토링하기

Additional

No response

eslint useEffect react-hooks/exhaustive-depseslint rule editing

Describe

현재 useEffect에는 의존성과 관련해서 많은 warn으로 인해 // eslint-disable-next-line이 많이 작성되어있어요.
eslintrc.js에서 해당 룰을 제거해주시고 프로젝트의 모든 eslint disbale 주석문을 제거해주세요.
vscode의 전체검색 기능을 사용하면 한번에 동일한 문장을 삭제할 수 있습니다.

Work

No response

Additional

No response

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.