오늘까지 한 일
- 점점 TIL 쓰는 간격이 길어진다..ㅠㅠ연말 업데이트를 앞두고 퇴근 시간이 점점 늦어지는 와중에 체력이 받쳐주지 못하는 관계로 TIL 쓰는 걸 자꾸 미루다 보니 이렇게 되기에 이르렀다. 일하면서 찾아놓은 귀중한 링크들만 쌓여가고 풀지를 못하고 있다..
그러니까 저질체력을 벗어나게 운동을 하자 - 12월 업데이트를 제때 하기 위해 매일같이 야근을 하면서, 최근에는 기본 시스템 팝업창을 쓰지 않기 위한 커스텀 모달창을 제작했다. 모달을 띄워야 하는 페이지라면 어디에서든지 사용해야 하는 컴포넌트가 되므로, 그때그때 다른 속성들을 넘기기 위해 이런저런 props를 미리 정의해보았다. 그러는 과정에서 다른 모달 제작 사례들을 찾아봤고, props의 타입을 체크하는 방법을 리액트 공식문서를 통해 알게 되었다...!
공식문서 절대 놓지 말자 - props의 타입을 미리 정해놓고 유효성 검사를 할 수 있게 되는데, 그렇게 하면 모달 컴포넌트에 props를 넘길 때 마치 외부 패키지를 갖다 쓰는 것처럼 vscode에서 알아서 미리 정의된 타입을 알려주는 툴팁을 띄운다.
와 뭐야 감동
오늘 그때 배운 것
- 역시 공식문서! 두 번 보고 세 번 봅시다ㅠㅠ
- 원리는 공식문서를 참고하되 이제는 내장함수가 아닌 패키지로 옮겨졌다고 하니 npm 링크도 함께 첨부합니다.
'post항해_배움일지 > 개발일기' 카테고리의 다른 글
개발일기_220103_새해맞이, CSS flex-wrap (4) | 2022.01.04 |
---|---|
개발일기_211207_클립보드에 복사하기 (2) | 2021.12.08 |
개발일기_211125_CRA 환경변수 분기하기 (4) | 2021.11.26 |