오늘 한 일
알고리즘 코드카타
스탠다드반 7차 강의 (todolist redux 타임어택)
팀프로젝트 진행
└ 유효성 검사
└ alert 적용
└ 게시글 firebase 저장
오늘 공부한 내용
✅ 행렬의 덧셈
📍 https://velog.io/@jetiiin/행렬의-덧셈
✅ shortid 사용해보기
✔ 설치
yarn add shortid or npm i shortid
✔ 사용
import shortId from 'shortid';
const NewData = () => ({
id: shortId.generate(),
});어려웠던 내용
✅ redux 이용해서 todolist 만들기
스탠다드반 수업에서 리덕스를 이용해서 todolist 만들기 타임어택(2시간)을 했는데
초기 세팅하는데 시간을 꽤 많이 썼다
세팅하는 건 외울 필요 없다고 하셔서 그동안 신나게 복붙해서 썼는데
혼자 기억해내서 하려니까 거의 생각나는게 없었다
노션에 힌트가 있었는데도 ㅎㅎ;
그래서 세팅 부분은 벨로그에 정리해놓은 것 찾아가면서 했다
그리고 todolist를 수업에서만 세번은 넘게 만든 것 같은데 아직도 헷갈리는 부분이 있다 😡
더 화나는 건 매번 똑같은 부분에서 막히는 걸 알아서 스스로에게 속터짐..
어쨌거나 디자인은 거의 신경쓰지 못한채로 기능만 겨우 구현해서 제출했다
내 실력.. 늘고 있겠지?
어제 잠시 붙었던 자신감은 금세 하늘로.. 😇
✅ firebase 연동
어쩌다 보니 이제야 firebase를 처음 접하게 돼서 오늘 처음으로 도전해봤는데 너무 어려웠다 😥
다들 firebase 쉽다고 해서 진짜로 그런 줄 알았는데..
강의에서 하라는 대로 따라 만들 때는 알겠다가도 혼자 응용하려니까 기본적인 것도 전혀 모르겠다
공식 문서보고 적용하는 법도 익혀야 될텐데
에디터도 그렇게 도전했다가 실패하구.. 완전 꺾인 상태😇
실패과정
그동안은 게시글 정보를 fakeData로 쓰다가
새로고침하면 데이터가 다 날아가는 문제를 막으려고
firebase에 게시글 정보를 저장하려고 했다
근데 처음 연동하는 부분부터 계속 막히고..
(yarn start를 한번 더 해줘야 되는 거였음 🥴)
문제
/write▶/detail/:id이동 불가
글을 쓰면 해당 글의 id를 가지고 detailPage로 가야하는데
firebaseStore에는 데이터가 들어갔지만 redux store에는 갱신이 되지 않는지
useSelector에 자꾸만 빈 값이 들어왔다
console을 찍어보고 firebase에 들어간 데이터를
로컬에도 갱신 시켜줘야되는 것까진 알았는데
어떻게 해결해야 할지 방법이 떠오르지 않았다
결국 또 팀장님이 해결해주심.. ㅎㅎ- new Date()가 객체로 들어가서 발생한 문제
homePage에서도 firebase의 데이터를 불러오는데
데이터가 있으면 렌더링부터 오류가 났다
이유는 데이터에 있는 글작성 시간에 들어간 new Date()가 객체형태였기때문
이것도 팀장님이 발견하고moment패키지를 깔아서 해결해주셨다
느낀점
TIL이 점점 한탄 일기장이 돼가고 있는 느낌이다..
팀장님없이 프로젝트 어케 했겠누... 😭
오늘만 기죽고 내일부터 다시 많이 배워야지!!!!!!
