Skip to content

31 change UI #33

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 20 commits into
base: main
Choose a base branch
from
Open

31 change UI #33

wants to merge 20 commits into from

Conversation

seunghyun-24
Copy link
Contributor

비빔밥 -> 코덕 이름 변화 후 전반적인 대표색, 로고, 메인 페이지 및 관련 css, 이에 따른 하위 페이지 변경 작업에 따른 코드입니다.

구체적인 변경 사항은 다음과 같습니다.

  • 대표색상 : 노란색
  • 로고 : 오리 (coduck)
  • 페이지 : main, login, register, problem, contest
  • components : header, footer, action bar

관련 작업을 위한 ui 파일 추가 입니다.

@seunghyun-24 seunghyun-24 requested review from kidw0124 and tmdghks June 26, 2025 07:47
@seunghyun-24 seunghyun-24 linked an issue Jun 26, 2025 that may be closed by this pull request
4 tasks
const [sortOrder, setSortOrder] = useState<'asc' | 'desc'>('asc');

const sortedContests = useMemo(() => {
return [...contests].sort((a, b) => {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

여기 부분에서 에러가 발생하고 있어요

contests의 정의를 찾을 수 없는 것 같아요

Copy link
Contributor Author

@seunghyun-24 seunghyun-24 Jul 13, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아 위에서 주석처리가 되어있네요

<Trophy className='h-8 w-8 text-primary' />
Contests
</h1>
<p className='text-gray-600 mt-1'>{contests.length} contests available</p>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

마찬가지로 contests의 정의를 찾을 수 없어요

title: 'Bibimbap',
description: 'A delicious Korean dish',
title: 'coduck',
description: 'coduck~',
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 부분은 아직 placeholder로 두고 나중에 수정 되는 부분인 거죠?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

그렇습니다 이름 바꾸고 적절한 수정이 프론트딴에선 안들어가서 일단 임시 확인차..
적절한 멘트 (누군가가) 수정해야할 듯 합니다
지금보니 이 브랜치에서 할 내용은 아니었던듯 싶네요

const [sortOrder, setSortOrder] = useState<'asc' | 'desc'>('asc');

const sortedProblems = useMemo(() => {
return [...problems].sort((a, b) => {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cannot find name 'problems'.가 발생하고 있어요

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아.. 여기까지 오니 이제 생각났다
개인정보가 들어가있는 더미 데이터가 아닌 찐 데이터 임포트해서 제 코드 돌리던거라 임시적으로 주석처리하고 올렸던 부분이 문제를 일으키는 것 같아요

<FileCode2 className='h-8 w-8 text-primary' />
Problems
</h1>
<p className='text-gray-600 mt-1'>{problems.length} problems available</p>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cannot find name 'problems'.가 발생하고 있어요


<div className='pt-3 border-t border-gray-100'>
<div className='flex flex-col gap-2'>
{infoTooltip.actions.map((action) => (
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

action의 타입이 any로 추론되고 있어요. 타입 정의를 추가하는 게 좋아 보여요

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이거 구체적인 디자인 때문에 임시로 만들어둔거였는데,
사실 따로 기능이 있는 버튼을 만들어야 하는 부분이라 제가 구현을 잘못한거라고 보아도 좋을 것 같습니다.

review problem, verify 기능을 수행하는 버튼 두 개를 어떻게 만드는 게 좋을까요? 일단 데이터 형식을 추가하기보다는 잘못된 구현이니 삭제 후 추후 구현 뒤에 추가하는 게 좋을 듯 합니다.


export default function InfoTooltip({
onMouseEnter,
onMouseLeave,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

여기서 함수를 넘기고 있어서 serializable 에러 나는 건 무시해도 괜찮을까요?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ㅇㅏ.. 이거는 제가 공부가 좀 필요할 것 같아요 .. 구조 띵킹..

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

현재 problems 페이지에 접근할 수 없어서 ActionBar를 확인할 수 있는 방법이 없어요

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 컴포넌트가 사용되고 있는 problems, contests 페이지에 접근할 수 없어서 현재 이 컴포넌트를 확인할 수 없어요

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아직 이 컴포넌트는 사용되지 않고 있나요?

Copy link
Contributor Author

@seunghyun-24 seunghyun-24 Jul 13, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

앗 다른 곳에서 쓰려고 미리 불러온거였습니다. 사용되지 않고 있는게 맞습니다.
(정확히는 쓰려다가 구현하다보니 없어진거지만..)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Change UI
2 participants