Skip to content

Conversation

@JJING-WONG
Copy link

Description

  • jsonplaceholder api를 사용해서 간단한 crud 구현했습니당

Important content

  • 이젠 이런 비슷한 화면을 많이 구현해봐서 조금 익숙해졌는데, 불필요한 부분이 없나 캐치해주시면 감사하겠습니다

Question

X

Reference

crud 기능 구현
https://leeseohyun430.tistory.com/91

Image

X

@yengniws yengniws added the ✅ 과제 통과 조지미에게 과제 확인을 받아 과제 통과한 상태입니다. label Nov 15, 2025
@yengniws
Copy link

yengniws commented Nov 15, 2025

과제 통과입니다~!!

몇 가지 개선해 보면 좋을 부분 코멘트 달아놨으니 참고해 보시면 좋을 것 같아요!☺️
고생하셨어요~! 🔥🤩

};

const editUserName = async (id, currentName) => { // PATCH
const newName = window.prompt("새 닉네임을 입력하세요.", currentName);

Choose a reason for hiding this comment

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

프롬프트 대신 UserCard 내에서 인풋을 통해 닉네임을 수정하는 방식이 사용자 입장에서 더 깔끔하고 편리할 것 같습니다!!

<UserForm onAddUser={addUser} disabled={loading} />

<div className="mt-2 mb-4">
{loading && (<p className="text-sm text-slate-600">로딩 중입니다. 잠시만요…</p>)}

Choose a reason for hiding this comment

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

로딩 표시 좋습니다 👍👍👍

const [name, setName] = useState("");
const [email, setEmail] = useState("");

const handleSubmit = (e) => {

Choose a reason for hiding this comment

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

닉네임과 이메일 둘 중 하나가 입력이 되지 않은 상태에서 추가 버튼을 누르면 입력한 내용이 비워지고 있어요!
이 부분은 어떻게 해결하면 좋을까요?
둘 중 하나가 입력이 되지 않은 상태에선 alert 메세지를 띄우는 것도 좋은 방법일 것 같습니다~!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

✅ 과제 통과 조지미에게 과제 확인을 받아 과제 통과한 상태입니다.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants