본문 바로가기

회고38

20231114 퇴근 전 TIL 함수의 역할은 한가지씩만 & 역할 반영한 네이밍이 꼭 필요함. 일어나는 실행 순서와 로직에 따른 순서배치도 중요함. 변수명은 의도를 명확하게 보여줄 수 있도록… 컴포넌트가 너무 방대해질 경우 적절히 분리해야 가독성에 도움이 된다. 스타일링은 당장 필요한 정보가 아니므로 맨 밑에 배치. ⇒ 이런 것들이 몸소 느껴질 정도로 코드 보는 눈이 조금은 생겼다! ⇒ 신경쓰지 않고 작성한 코드가 있을 경우 유지보수 시 지옥을 맛보게 된다. 동료의 코드도 항상 리뷰하여 더 나은 퀄리티의 코드가 저장소에 남아 있도록 해야 팀 전체의 생산성이 향상된다. 그 외 redux toolkit 기본기 복습 / styled-components advanced / styled-components vs. emotion 학습하고 노션에 .. 2023. 11. 15.
20231113 퇴근 전 TIL - 플젝에서 Modal을 전역으로 빼서 만들어두었다. 컴포넌트마다 에 접근할 수 있고, 해당 컴포넌트에 모달을 여는데에 필요한 것들을 Props로 넘겨주는 형태. 이때 를 모달을 열고싶은 컴포넌트마다 모두 작성해두었음 -> 불필요한 중복이며, 실수로 깜빡하고 를 기재하지 않은 경우 모달이 뜨지 않는 문제를 트래킹하기 어려울 수 있음. -> 다른 프로젝트 폴더를 보니, App.tsx에 를 써둔 걸 보고 "아.. 이렇게 해야하는거구나!" 하고 코드를 수정했다. => 이렇게 모달을 전역으로 관리할 수 있게 뺐다면 그 이점을 누리기 위해 꼭 최상위 컴포넌트에서 렌더링해줄 것! 유지보수, 모달 추가로 붙이기에도 더욱 간편해진다. - 드래그앤드롭으로 순서변경하는 기능을 구현하고 있다. 우선 화면단은 구현해두었고, .. 2023. 11. 13.
20231109 퇴근 전 TIL 이전에 온보딩 과제삼아 구현했던 어드민의 공지사항 관리 페이지에서 미처 생각하지 못했던 케이스가 발견되었다. 등록되어있는 공지사항을 여러 검색 필터 (제목, 내용 / 언어 / 검색어 등) 로 검색을 할 수 있는데, NoticeFilter NoticeTable 이 두 가지 컴포넌트로 나뉘어 있다. 그 중, NoticeFilter에서 선택한 검색 필터의 값을 Recoil을 이용해 전역상태로 관리하고, 검색 버튼 클릭 시 이를 서치 쿼리에 전달해 검색 네트워크 요청이 이루어지는 방식이다. 그런데, 전역상태로 검색 필터 값들 중 몇몇을 저장하다보니, 유저의 사용감을 해칠 수 있는 케이스가 발견되었다. 유저가 검색 필터를 이용해 검색을 하고 난 후, 다른 페이지를 돌아다니다가 다시 공지사항 조회 페이지로 접속한다.. 2023. 11. 9.
2차 과제 구현 과정 및 회고 사전 과제에서 미구현 된 부분을 보완하고 버그/에러를 해결한 과정을 기록합니다. 1. redux-toolkit update / delete 기능 구현 - 기존 코드의 문제: 1) 배열 내에 class 객체가 들어가는 형태인데, push 로 배열에 접근해 추가하지 않고 바로 할당하는 데에서 에러가 발생했습니다. 2) delete 에서 .pop() 등 직접 접근하는 메서드를 사용하여 에러가 발생했습니다. - 해결 방법: 1) 배열에 push 로 접근하여 action.payload를 배열에 추가하는 방식으로 코드를 수정했습니다. 이때, action.payload는 reservedClass라는 객체입니다. 해당 state를 useState로 생성하고, 각 예약 단계에서 수업권 타입 / 시간 날짜 / 튜터를 선택.. 2023. 7. 11.

티스토리툴바