Giter Site home page Giter Site logo

team-ampersand / dotori-client-v2 Goto Github PK

View Code? Open in Web Editor NEW
9.0 0.0 0.0 13.29 MB

Dotori, Dormitory를 담다.

Home Page: https://dotori-gsm.com

JavaScript 2.15% TypeScript 97.60% CSS 0.25%
nextjs emotion recoil atomic-design-pattern msw swr typescript

dotori-client-v2's Introduction

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

dotori-client-v2's People

Contributors

apnalkkamkkamhanjoon avatar ethen1264 avatar hwanbinyoo avatar kangkong0805 avatar likegitman avatar mini-aron avatar seojumee avatar wjdalsths avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dotori-client-v2's Issues

공지사항 순서

스크린샷 2023-04-03 오후 12 20 42

Home에서는 공지사항 순서가 **최신순**인데 공지사항 탭에 들어가면 **등록 순**으로 나와있어 계속 스크롤 해야하는 점이 불편해요

기상음악 신청을 할 수가 없어요

개요

일요일에 기상음악 신청을 할 수가 없어요

문제

  1. 기상음악 리스트를 가져올 때 나는 500에러

스크린샷 2023-04-02 오후 10 22 13

  1. 기상음악 신청을 할 수 없다고 하는 front

image

  1. 그런데 기상음악 신청은 성공함

image

공지사항 폰트크기 잘못 적용됨

image

여기만 폰트 크기가 32로 적용되어 있음 h2로 바꿔주기만 하면될듯

그리고 우리 다크모드 라이트 박스 #000000 45%인데
스크린샷 2023-04-04 오전 9 16 25
스크린샷 2023-04-04 오전 9 17 11
개발된 페이지 에서는 좀 예전걸로 적용된거 같아서 아래처럼 바꿔야 할거같아!

background: rgba(0, 0, 0, 0.45);

색상이슈

image

공지사항 다크모드 색상이 아이콘 색상이 다른곳과 달라요

image

음악 신청 공지사항 모달 클릭

스크린샷 2023-04-03 오후 12 25 58

해당 모달에서 배경말고 모달을 눌러도 close가 됩니다.

https://github.com/Team-Ampersand/Dotori-client-v2/blob/main/src/components/Song/molecules/NoticeModal/index.tsx
위 코드를 보니 해당 부모 클릭 시 close가 되는 로직이던데,
자식부분에 e.stopPropagation()을 작동시켜 이벤트 버블링을 막아야할 것 같습니다.

참고 코드
https://github.com/United-Hackathon2022/Front/blob/main/src/components/ModalContainer/Modals.jsx

react-toastify CustomHooks화에 대한 의견

import { LogoutIcon } from 'assets/svg';
import { useRouter } from 'next/router';
import { toast } from 'react-toastify';
import { removeToken } from 'utils/Libs/removeToken';
import * as S from './style';
const LogoutButton = () => {
const router = useRouter();
const handleClick = async () => {
removeToken();
router.push('/signin');
toast.info('로그아웃되었습니다.');

이렇게 매번 사용할때마다 toast를 불러오는것보다 useToastify라는 customHooks를 만들어 type과 message를 받아 처리할 수 있게 하는건 어떨까?

비밀번호 변경

스크린샷 2023-04-04 오전 10 43 33

기존 비밀번호는 8~20이고 새로운 비밀번호는 9~20이 맞나요?

공지사항 이슈

  1. 공지사항 삭제하고 이후 리스트 mutate 해주세요.

  2. 공지사항 작성할 때 내용의 폰트가 달라요.

스크린샷 2023-04-03 오전 3 50 54

  1. 공지사항 수정시

스크린샷 2023-04-03 오전 4 11 12

음악 신청 페이지 radius

스크린샷 2023-04-05 오전 10 52 50

음악 신청 주의 사항의 안쪽 radius값이 16이라 디자인 처럼 8로 변경필요

스크린샷 2023-04-05 오전 10 53 39

달력의 radius값이 혼자만 다름 16으로 변경이 필요해요!

custom toastify

toast 메시지도 dark mode에 영향을 받으므로 custom하는 것이 좋겠다고 생각한다.

  • toastify를 꾸며줄 toast option lib 만들기
  • toastify custom하여 사용할 hook 만들기

사용 개선

스크린샷 2023-04-05 오후 8 59 43

지금은 아이콘을 눌러서 유튜브로 이동하지만 그냥 item을 클릭해도 유튜브로 바로 이동하도록 사용성을 개선하자는 의견이 있어서 저도 동의하는 부분이라 이슈 넣어봅니다.

프론트 라우팅이 느려요...

개요

  • v1은 누르면 바로 라우팅되는데 v2는 느려요
  • 첫번째 사진은 v1에서 홈화면으로 라우팅할때 속도고, 두번째 사진은 v2에서 홈화면으로 라우팅할때 속도입니다.

스크린샷 2023-03-31 오전 9 29 51

스크린샷 2023-03-31 오전 9 31 33

기상 음악 2027년으로 해도 신청이 돼요.

image

2027년 4월 7일인가 기상 음악 신청 했는데 신청이 돼요. 왼쪽 리스트에도 신청 목록도 안뜨고 현재 날짜보다 과거, 미래 둘 다 신청을 막아야할거 같습니다.

자습신청 성별 필터링

스크린샷 2023-04-03 오후 12 22 24

자습신청에서 성별 필터링이 잘 작동하지 않는 것 같습니다. **여자**부분이 선택이 안돼요. 그리고 남자 선택 후 여자 선택을 하면 초기화가 됩니다.

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.