리액트 베이직 미니프로젝트

오늘까지해서 저번주부터 듣기시작해서 crud연습겸 만들어본 사전만들기 미니프로젝트가 끝났다.
어제 문제였던 생성하고자하는 내용을 인풋란에 입력하고 메인페이지로 돌아갔을떄 생성한 내용이 2번으로 중복되어 나타나는 문제는 한번은 생성 페이지에서 생성한후 생성미들웨어 함수를 호출하는 과정에서 파이어베이스에 추가를해주고 스토어에 저장시켜주면서 1개가 들어가진다.
또다른 1개는 생성페이지에서 메인페이지로 돌아가면서 파이어베이스에서 스토어로 데이터를 로드하면서 이전 생성페이지에서 생성했던 항목을 같이 가져오게된다. 이문제는 생성페이지에서 생성시 파이어베이스로 데이터를 추가시켜주고 스토어로 데이터를 dispatch해주는 과정을 주석처리하여 해결하게되었다. 이렇게 해서 간단하다고하지만 힘들었던 개인과제를 마무리 할 수있었다.
또 추가적인문제로는 파이어베이스에서 데이터를 가져와 메인페이지에서 목록을보여줄떄 추가되었던 순서로 보여지지않는 문제가있었다. 이문제는 같은 팀원분꼐서 알려주셔서 알게된 오류였는데 항목을 생성할떄 현재 날짜를 같이 추가하여 저장한후, 불러올떄 sort정렬 함수를 이용해서 시간순으로 배열을 정렬한후 map을돌려서 보여질수있게하여 해결할 수있었다.

profile
FE developer 🙂

0개의 댓글