Skip to content
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

[FE] feat: 코드 수정하기 #148

Merged
merged 10 commits into from
Nov 28, 2023
Merged

Conversation

d0422
Copy link
Collaborator

@d0422 d0422 commented Nov 28, 2023

PR 설명

  • PR에 관한 간단한 설명

✅ 완료한 기능 명세

  • 코드 수정 시, 저장하기 버튼이 다르게 동작하도록 구현
  • 수정시 저장버튼을 띄우면 수정할 것인지, 새롭게 저장할 것인지 묻는 모달 구현
  • 수정을 누르면 파일이 수정되도록 처리
  • 새파일로 저장을 누르면 저장 제목을 묻는 모달을 띄우도록 처리

📸 스크린샷

image

고민과 해결과정

코드 수정을 어떻게 구현할 것인가?
=> 불러오기를 한 후에는 수정할 것인지, 새로 파일을 저장할 것인지 묻는 식으로 해결

d0422 referenced this pull request in d0422/web05-AlgoITNi Nov 28, 2023
useModifyState초기 상태 변경
(#148)
@d0422 d0422 self-assigned this Nov 28, 2023
@d0422 d0422 added feature 기능 구현 FrontEnd 프론트엔드 관련 labels Nov 28, 2023
@d0422 d0422 requested a review from HBSPS November 28, 2023 07:48
Copy link
Collaborator

@HBSPS HBSPS left a comment

Choose a reason for hiding this comment

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

LGTM!

@@ -25,6 +25,7 @@ export default {
secondary: '#132A37',
base: '#F0F2F5',
black: '#0C151C',
'ligh-gray': '##D3D8E1',
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
'ligh-gray': '##D3D8E1',
'light-gray': '#D3D8E1',

오타가 있네용

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

변경하겠습니다!

if (modifyId) {
showChoice({ code: plainCode });
} else {
show({ code: plainCode });
Copy link
Collaborator

Choose a reason for hiding this comment

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

갑자기 든 생각인데 단순히 show(), hide()를 사용한다면 나중에 다른 사람이 코드를 볼 때 무엇을 보여주는지 위로 가서 직접 확인해야 하는 어려움이 있지 않을까 생각이 드네요,, (본인 얘기)

저장 모달을 보여주는 함수라면 showSaveModal()과 같이 사용하는 것은 어떻게 생각하시나요?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

객체에서 alias를 부여하는 식으로 개선해보겠습니다!

light-gray 색상추가
전역 수정 상태 추가
(#146)
코드 내역을 수정시키는 putUserCode 기능구현
(#146)
공통 버튼 추가; White버튼
불러오기시 전역 ModifyId 설정
(#146)
저장시 어떻게 저장할지 묻는 모달 기능 구현
새 파일로 저장하기 -> 새로운 파일 생성
기존 파일 수정하기 -> 기존 파일에 덮어쓰기
(#146)
modifyId가 있는 경우 -> SaveModal
modifyId가 없는 경우 -> SaveChoiceModal
(#146)
useModifyState초기 상태 변경
(#148)
tailwind.config.js ligh-gray -> light-gray
@d0422 d0422 force-pushed the FE094/feature/modify branch from db6167c to 033d39a Compare November 28, 2023 08:19
객체 반환값에 alias사용하여 조금 더 가독성 있는 코드로 변경
@d0422 d0422 requested a review from HBSPS November 28, 2023 08:21
@d0422 d0422 merged commit 3313e1a into boostcampwm2023:dev Nov 28, 2023
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature 기능 구현 FrontEnd 프론트엔드 관련
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants