오늘은 개인 과제를 마무리하고 강사님이 다른 사람들의 프로젝트를 보면서 리뷰해주시는 부분에서 내가 느낀 점들에 대해 정리해 보았다.
내가 생각치 못한 부분
- 검색 결과에 따라 페이지를 달리 보여줄 수 있는부분을 처리했어야 했는데 깜빡하고 처리하지 않았다.
이부분은 좀 크리티컬한 실수 였던거 같다. 엄청 다양한 결과가 api요청을 통해 오는데 에러처리도 제대로 못한 부분도 잇는 것 같아서 좀 아쉬웠다
- css :
user-select : none
하면 필요없는 인터렉션을 막을 수 있다.
- Route에
path값은 기본 /를 제외하면 /로 시작하면 안된다/
- 초기 fetch하는 부분은 훅으로 만들면 간편하다.
- 어쨋든 fancy하게 짜는건 짧게 짜는 것이다.
- 로컬스토리지를 사용할때는 처음에는 비어있다는 것을 잊으면 안됩니다.
- 한글이 되는 폰트가 있고 안되는 폰트가 있으니 까먹지 말자.
ul
태그 안에는 반드시li
태그
- img 태그안에 onError를 써서 제대로 못 불러올 경우를 대비할 수 있다. 꿀팁
- css :
background-filter : blur
블러 효과를 줄 수 있다. 머싯다 => 그럴듯 하다.
- 검색을 구현할때는 쿼리 스트링을 이용하자.
- css :
text-align : start
는 정렬이 좌횡서와 우횡서랑 다르게 적용된다.
- css :
border-radius
는 정사각형이 아닌이상 %로 주면 이상하게 바뀐다.
- 안 속에 있는 아이템에 overflow-hidden을 주면 같이 border-radius 설정할 필요가 없어진다.
- 멀티 라인 elisips는 -webkti-line-clamp로 해결하자.
- footer는 position absolute혹은 fixed로 처리하자.
이 부분도 약간 간과한 부분인거 같아서 아쉬웠다.
다크모드
html에 변수를 붙여서 설계할 수 있습니다.
React-query
api관리하면서 사실 좀 너무 생각할 부분도 많고 관리할 부분도 많아서 힘들다는 생각이 많이 들었는데 그런 부분을 좀 많이 해소 해줄 수 있는 라이브러리라서 나중에서 한 번 정리해 보겠습니다.
후기
오늘은 한건 별로 없는데 뇌는 터질것 같은 날이었습니다. 정말 하나도 헛으로 놓치면 안될 것 같다는 생각이 많이 들었던 날입니다.