Skip to content

feat(fe): make problem create container#3436

Merged
sONg20NOW merged 29 commits intomainfrom
t2579-make-problem-create-container
Mar 17, 2026
Merged

feat(fe): make problem create container#3436
sONg20NOW merged 29 commits intomainfrom
t2579-make-problem-create-container

Conversation

@sONg20NOW
Copy link
Copy Markdown
Contributor

@sONg20NOW sONg20NOW commented Feb 16, 2026 •
edited
Loading

Description

이번에 새로 개편되는 problem 탭에서 문제 생성, 문제 수정 페이지를 작업했습니다.

Additional context

피그마

image

위 그림에서 보이는 바와 같이 statement 페이지와 colalboration 페이지를 작업하기 전 선행 작업으로 진행했습니다.
=> 테스트 경로 : /problem/create

  • 현재 problem 폴더의 layout이 아닌 (main)의 layout만 사용해야 되는 상황이어서 (main)/(create)/problem/create 경로로 작업했습니다.
  • 현재 백엔드로부터 정보를 가져오는 것이 아닌, 더미 데이터를 사용해 구현했습니다.
    하지만 서스펜스, 에러 바운더리 설정과 스켈레톤 UI 구현은 미리 완료해 두었습니다.
    (이를 확인하기 위한 임시 suspense query가 코드에 포함되어 있습니다)
  • 사이드바 탭 클릭 동작은 상태 관리를 활용하였습니다. 현재 선택된 페이지가 아닌 페이지들은 hidden 처리하여 input 입력값이 있더라도 날라가지 않도록 했습니다.
  • 배경색 작업은 별도의 task로 진행한다고 알고있어서 작업하지 않았습니다.

일단은 제 나름대로 작업해봤는데 더 나은 방식이 있다면 공유해주세요!

close TAS-2579

Before submitting the PR, please make sure you do the following

@sONg20NOW sONg20NOW self-assigned this Feb 16, 2026
@sONg20NOW sONg20NOW added the 🍊squad-유자차 스쿼드 유자차 작업물입니다 label Feb 16, 2026
@github-project-automation github-project-automation Bot moved this to Pending ✋ in Codedang Feb 16, 2026
@skkuding-bot

This comment was marked as outdated.

Sign in to view
@tasoo-oos tasoo-oos added the preview 이 라벨이 붙어있어야 프론트엔드 Preview 환경이 생성됩니다 label Feb 16, 2026
@skkuding-bot

This comment was marked as outdated.

Sign in to view
ojongii
ojongii approved these changes Feb 23, 2026
View reviewed changes
Copy link
Copy Markdown
Contributor

@ojongii ojongii left a comment

Choose a reason for hiding this comment

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

우와... 너무 깔끔하게 작성된 코드 같아요 LGTM!

@github-project-automation github-project-automation Bot moved this from Pending ✋ to Approved 👌 in Codedang Feb 23, 2026
@skkuding-bot

This comment was marked as outdated.

Sign in to view
@skkuding-bot

This comment was marked as outdated.

Sign in to view
@skkuding-bot

This comment was marked as duplicate.

Sign in to view
@skkuding-bot

This comment was marked as duplicate.

Sign in to view
@sONg20NOW sONg20NOW requested a review from ojongii March 12, 2026 14:49
@skkuding-bot
Copy link
Copy Markdown

skkuding-bot Bot commented Mar 14, 2026

✅ Syncing Preview App Succeeded

Application: frontend
Revision: a78e8035adcafe68d71573bdde65203d143b1268
Health Status: Healthy

Open Preview | View in Argo CD

@skkuding-bot
Copy link
Copy Markdown

skkuding-bot Bot commented Mar 14, 2026

✅ Syncing Preview App Succeeded

Application: frontend
Revision: d9d714ef22a1eecc22d1d0b49837fbebbc43b6df
Health Status: Healthy

Open Preview | View in Argo CD

@skkuding-bot
Copy link
Copy Markdown

skkuding-bot Bot commented Mar 14, 2026

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 86f0b4cf2ecf1d6b4852367233b69e6c1d81b0a0
Health Status: Healthy

Open Preview | View in Argo CD

@skkuding-bot
Copy link
Copy Markdown

skkuding-bot Bot commented Mar 14, 2026

✅ Syncing Preview App Succeeded

Application: frontend
Revision: d66975aebe6a3da6cd599ff30ac03aa96a83b5d4
Health Status: Healthy

Open Preview | View in Argo CD

@sONg20NOW sONg20NOW requested a review from ojongii March 14, 2026 15:06
@skkuding-bot
Copy link
Copy Markdown

skkuding-bot Bot commented Mar 15, 2026

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 0e8a4cb43af60842378c69db121f1efc1568b123
Health Status: Healthy

Open Preview | View in Argo CD

ojongii
ojongii reviewed Mar 16, 2026
View reviewed changes
Copy link
Copy Markdown
Contributor

@ojongii ojongii left a comment

Choose a reason for hiding this comment

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

리뷰 늦어서 죄송합니다..!
아래 댓글들 해결되면 어푸르브할게요!

Comment thread apps/frontend/app/(client)/(main)/(create)/problem/create/_components/UploadButton.tsx Outdated
Comment thread .../frontend/app/(client)/(main)/(create)/problem/create/_components/ProblemCreateContainer.tsx Outdated
Comment thread apps/frontend/app/(client)/(main)/(create)/problem/create/_components/UploadButton.tsx
Comment thread .../frontend/app/(client)/(main)/(create)/problem/create/_components/ProblemCreateContainer.tsx Outdated
@skkuding-bot
Copy link
Copy Markdown

skkuding-bot Bot commented Mar 16, 2026

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 6b6750c303edf4479c7112792e694663d05defe0
Health Status: Healthy

Open Preview | View in Argo CD

@sONg20NOW sONg20NOW requested a review from ojongii March 16, 2026 15:02
@skkuding-bot
Copy link
Copy Markdown

skkuding-bot Bot commented Mar 16, 2026

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 9728092894fecb65c594ef410cf0f0d1c7129ff2
Health Status: Healthy

Open Preview | View in Argo CD

ojongii
ojongii approved these changes Mar 17, 2026
View reviewed changes
Copy link
Copy Markdown
Contributor

@ojongii ojongii left a comment

Choose a reason for hiding this comment

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

좋아요 수고하셨어요!!

@sONg20NOW sONg20NOW added this pull request to the merge queue Mar 17, 2026
Merged via the queue into main with commit e6a7ad5 Mar 17, 2026
12 checks passed
@sONg20NOW sONg20NOW deleted the t2579-make-problem-create-container branch March 17, 2026 03:57
@github-project-automation github-project-automation Bot moved this from Approved 👌 to Done ✔️ in Codedang Mar 17, 2026
@skkuding-bot skkuding-bot Bot removed the preview 이 라벨이 붙어있어야 프론트엔드 Preview 환경이 생성됩니다 label Mar 17, 2026
egg-zz pushed a commit that referenced this pull request Mar 25, 2026
@sONg20NOW @egg-zz
feat(fe): make problem create container (#3436)
f4bf44e 
### Description
이번에 새로 개편되는 problem 탭에서 문제 생성, 문제 수정 페이지를 작업했습니다.
<!-- Please insert your description here and provide especially info
about the "what" this PR is solving -->

### Additional context

[피그마](https://www.figma.com/design/c7RefqPCB4HC9DuFhT7eFg/%EC%BD%94%EB%93%9C%EB%8B%B9-%EB%A6%AC%EB%94%94%EC%9E%90%EC%9D%B8--2025ver-?node-id=28385-19491&m=dev)

<img width="1086" height="825" alt="image"
src="https://github.com/user-attachments/assets/624264d2-f211-40b1-8ac1-2fcd5ed1d8ac"
/>

위 그림에서 보이는 바와 같이 statement 페이지와 colalboration 페이지를 작업하기 전 선행 작업으로
진행했습니다.
    => 테스트 경로 : /problem/create

* 현재 problem 폴더의 layout이 아닌 (main)의 layout만 사용해야 되는 상황이어서
(main)/(create)/problem/create 경로로 작업했습니다.
* 현재 백엔드로부터 정보를 가져오는 것이 아닌, 더미 데이터를 사용해 구현했습니다.
    하지만 서스펜스, 에러 바운더리 설정과 스켈레톤 UI 구현은 미리 완료해 두었습니다. 
    (이를 확인하기 위한 임시 suspense query가 코드에 포함되어 있습니다)
* 사이드바 탭 클릭 동작은 상태 관리를 활용하였습니다. 현재 선택된 페이지가 아닌 페이지들은 hidden 처리하여 input
입력값이 있더라도 날라가지 않도록 했습니다.
* 배경색 작업은 별도의 task로 진행한다고 알고있어서 작업하지 않았습니다.

일단은 제 나름대로 작업해봤는데 더 나은 방식이 있다면 공유해주세요!

<!-- e.g. is there anything you'd like reviewers to focus on? -->

---
close TAS-2579

### Before submitting the PR, please make sure you do the following

- [ ] Read the [Contributing
Guidelines](https://github.com/skkuding/next/blob/main/CONTRIBUTING.md)
- [ ] Read the [Contributing
Guidelines](https://github.com/skkuding/next/blob/main/CONTRIBUTING.md#pr-and-branch)
and follow the [Commit
Convention](https://github.com/skkuding/next/blob/main/CONTRIBUTING.md#commit-convention)
- [ ] Provide a description in this PR that addresses **what** the PR is
solving, or reference the issue that it solves (e.g. `fixes #123`).
- [ ] Ideally, include relevant tests that fail without this PR but pass
with it.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@ojongii ojongii ojongii approved these changes

@jwoojin9 jwoojin9 Awaiting requested review from jwoojin9

@woo943 woo943 Awaiting requested review from woo943

Assignees

@sONg20NOW sONg20NOW

Labels

🍊squad-유자차 스쿼드 유자차 작업물입니다 ⛳️ team-frontend

Projects

Codedang
Status: Done ✔️

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@sONg20NOW @ojongii @tasoo-oos