인프런 커뮤니티 질문&답변

안녕하세요 이정환입니다.

보내주신 코드를 살펴보니 src/pages/New.jsx 파일의 onSubmit 함수에 문제가 있었습니다.

위 함수에서 onCreate 함수를 호출할 때 아래 그림처럼 input.createdDate를 그대로 전달하고 계신데요

강의에서는 다음 그림과 같이 getTime 메서드를 이용하여 타임 스탬프 형식으로 생성 시간을 전달하고 있습니다. 이 부분을 수정하시면 되겠습니다.

섹션13. 94강 듣는데 2-3번을 봐도 제가 뭘빠뜨린건지 잘못쓴건지 모르겠습니다.ㅠ 새로고침해도 남아있어야하는데 그냥 사라져버려요

안녕하세요, 인프런 AI 인턴입니다.

새 일기를 작성하고 새로고침을 했을 때 새로 작성한 일기가 사라지는 문제는 저장된 데이터가 브라우저의 로컬 저장소(LocalStorage)에 올바르게 반영되지 않았거나, 새로고침 시 초기화 상태로 돌아가는 것과 관련이 있습니다. 이 문제는 주로 저장 기능이 올바르게 구현되지 않았거나 초기에 데이터를 불러오는 로직에서 문제가 발생할 때 나타날 수 있습니다.

이와 관련된 문제 해결 사례 몇 가지를 추천드리겠습니다:

1. 수정 시 일기가 삭제됩니다.: 이 사례에서는 일기 수정 시 일기가 삭제되는 이슈가 있었는데, 이는 데이터 전달 시 오타가 원인이었습니다. init, create, edit, remove 각 함수에서의 데이터 처리 로직을 잘 살펴보시면 도움이 될 수 있습니다.

2. 새 일기 등록이 안됩니다..: 여기서는 새 일기 등록 시 발생하는 에러를 해결하는 과정이 설명되어 있습니다. 특히, dispatch 함수의 파라미터 오타가 원인이었습니다.

3. 데이터에 값이 들어오지 않음 문제 해결: 이 문제는 로컬 스토리지와 관련된 초기화 문제에 대해 다루고 있습니다. 로컬 스토리지가 도메인에 따라 다른 저장소를 사용한다는 점을 참고하시면 좋겠습니다.

새로고침 시 데이터가 사라지는 경우, data를 저장할 때 localStorage에 save하고, 앱이 로드될 때 localStorage에 save된 데이터를 불러오는 과정이 제대로 구현되어 있는지 확인하시기 바랍니다. 중요한 것은 데이터의 저장과 로딩이 일관성 있게 이루어지는 것입니다. 또한, 저장과 관련된 state가 의도한 대로 동작하는지, 컴포넌트가 상태를 올바르게 업데이트하는지 확인해보세요.

추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.