TIL - 2022.01.18 화요일

오늘 배운 것

---

- map 과 filter를 배웠다. map을 이용해 data가 들어있는 배열을 내가 원하는 형태로 불러오고, 해당 데이터를 react에 넣어서 자유게시판 목록페이지를 구현했다.

- mutation 메소드를 사용한 뒤 refetch를 이용해 API 데이터를 다시 불러오는 방법을 배웠다. refetch를 해줘야 수정된 데이터가 페이지에 실시간으로 반영된다.

- Next.js의 라우터를 이용하여 현재까지 만든 상세페이지, 목록페이지, 글쓰기 페이지를 상호 연결했다. 이게 뭐라고 굉장히 뿌듯하네.. 아직은 하드코딩된 부분이 많지만 차근차근 기능들을 구현해나가고 싶다.

 

 

- 목록 페이지를 table 로 코딩할까 하다가.. 반응형으로 옮길때 영 구렸다는게 생각나서 flex로 바꿨다. 원래는 웹표준과 협업때문에 불편해도 table을 썼는데(그래야 알아보기 편하니까), 리액트는 그러한 우려를 좀 덜 하면서 코딩할 수 있어서 좋다. 각각의 엘리먼트에 이름을 지정해줄 수 있기 때문이다. 리액트는 스크린 리더에 어떻게 읽히는지도 궁금하네. 나중에 시간 나면 찾아보자. 

 

앞으로 할 것

---

- state를 이용하여 게시판 목록페이지에 체크박스 제어 기능을 넣으려고 했는데, 어디에서 어긋난건지 true/false 가 변경되지 않고 계속해서 초기에 지정해놓은 값의 반대값만 찍히더라. 대체 어떻게 해야 작동시킬 수 있지., 내일 마저 고민해볼 것.

 

- react에서는 input checked 값의 디폴트가 undefined로 설정되어 있다고 한다. 그래서 이 undefined라는 초기값을 바꿔줘야 할 필요성이 있다. radio input의 경우에도 기본값이 어떻게 설정되어있는지 콘솔을 찍어서 확인해봐야겠다.

 

- 점점 조바심이 든다. 더 열심히 해야 할 것 같고, 몸이 더 힘들어질때까지 스스로를 몰아넣어야 될 것 같은 강박이 밀려드는데 안 그러려고 노력중이다. 3개월은 길다.. 지속 가능한 수준의 템포를 유지해야 한다. 그리고 압박감때문에 몸도 정신도 해치는 짓은 이제 그만 하고싶다. 천천히, 하지만 확실하게 지식들을 쌓아나가자.