프로젝트 과정4

New Feedback

header + main

• header : <GoBack />
• main : <FeedbackForm />

Edit Feedback

header + main

• header : <GoBack />
• main : <FeedbackForm />

<FeedbackForm />

<Card>
  <ICON />
  <form>
    <h2 />
    <div>
      <InputForm />
      <SelectForm />
      {edit ? <SelectForm /> : null}
      <TextareaForm />
    </div>
    <div>
      <SubmitBtn />
      <CancelBtn />
      {edit ? <DeleteBtn /> : null}
    </div>
  </form>
</Card>

문제 및 해결방안

1. add나 remove는 문제 없었지만 edit을 할 경우 업데이트 전의 데이터가 불러와지는 문제가 발생했다.

-> 데이터 체크를 하고 불러오는 방식으로 했다. API 요청 수가 너무 많으면 안되니 while문 대신 setInterval로 500ms 즉, 0.5초에 한 번씩 반복해 체크한 후 가져와서 가져오면 clearInterval로 타이머를 취소했다.