자바스크립트 - input 입력값 초기화

이 코드가 if 문 안에 있는 이유는?
→ 정상적으로 생성된 경우에만 입력창을 비우기 위해서!

 

입력값이 있을 때만 초기화해야 함

• tweetInput.value = '';은 입력창을 비우는 역할을 해.
• 그런데 트윗이 생성되지 않았는데 입력창을 비우면 안 되겠지?
• if (tweetInput.value)가 참일 때만 실행되도록 하면,
  → 유효한 트윗을 입력한 경우에만 입력창이 초기화됨.

만약 if 문 밖에 있으면?

• 이렇게 하면 트윗이 생성되지 않아도 입력창이 무조건 비워져.
• 사용자가 트윗을 입력하지 않고 버튼을 눌러도 입력창이 지워지니까 불편한 UX가 될 수 있어.

---

2️⃣ 트윗이 만들어진 후에 입력값을 지워야 함

• if 블록 안에서는 새로운 트윗이 생성되고,
• 그 후에 tweetInput.value = '';을 실행하면
  → 트윗이 정상적으로 게시된 후 입력창이 깨끗해짐.
• 이렇게 하면 사용자가 새 트윗을 작성할 준비가 됨.

---

✅ 정리

• tweetInput.value = '';는 트윗을 성공적으로 게시한 경우에만 입력값을 초기화해야 하기 때문에 if 안에 있음.
• if 문 밖에 있으면, 트윗이 생성되지 않아도 입력창이 지워져서 불편한 UX가 될 수 있음.