원티드 프리 온보딩 13일차 TIL

엄강우·2022년 5월 15일
0

TIL

목록 보기
12/43
post-custom-banner

오늘은 개인 과제를 마무리하고 강사님이 다른 사람들의 프로젝트를 보면서 리뷰해주시는 부분에서 내가 느낀 점들에 대해 정리해 보았다.

내가 생각치 못한 부분

  1. 검색 결과에 따라 페이지를 달리 보여줄 수 있는부분을 처리했어야 했는데 깜빡하고 처리하지 않았다.
    이부분은 좀 크리티컬한 실수 였던거 같다. 엄청 다양한 결과가 api요청을 통해 오는데 에러처리도 제대로 못한 부분도 잇는 것 같아서 좀 아쉬웠다
  2. css : user-select : none하면 필요없는 인터렉션을 막을 수 있다.
  3. Route에 path값은 기본 /를 제외하면 /로 시작하면 안된다/
  4. 초기 fetch하는 부분은 훅으로 만들면 간편하다.
  5. 어쨋든 fancy하게 짜는건 짧게 짜는 것이다.
  6. 로컬스토리지를 사용할때는 처음에는 비어있다는 것을 잊으면 안됩니다.
  7. 한글이 되는 폰트가 있고 안되는 폰트가 있으니 까먹지 말자.
  8. ul 태그 안에는 반드시li태그
  9. img 태그안에 onError를 써서 제대로 못 불러올 경우를 대비할 수 있다. 꿀팁
  10. css : background-filter : blur블러 효과를 줄 수 있다. 머싯다 => 그럴듯 하다.
  11. 검색을 구현할때는 쿼리 스트링을 이용하자.
  12. css : text-align : start는 정렬이 좌횡서와 우횡서랑 다르게 적용된다.
  13. css : border-radius는 정사각형이 아닌이상 %로 주면 이상하게 바뀐다.
  14. 안 속에 있는 아이템에 overflow-hidden을 주면 같이 border-radius 설정할 필요가 없어진다.
  15. 멀티 라인 elisips는 -webkti-line-clamp로 해결하자.
  16. footer는 position absolute혹은 fixed로 처리하자.
    이 부분도 약간 간과한 부분인거 같아서 아쉬웠다.

다크모드

html에 변수를 붙여서 설계할 수 있습니다.

React-query

api관리하면서 사실 좀 너무 생각할 부분도 많고 관리할 부분도 많아서 힘들다는 생각이 많이 들었는데 그런 부분을 좀 많이 해소 해줄 수 있는 라이브러리라서 나중에서 한 번 정리해 보겠습니다.

후기

오늘은 한건 별로 없는데 뇌는 터질것 같은 날이었습니다. 정말 하나도 헛으로 놓치면 안될 것 같다는 생각이 많이 들었던 날입니다.

profile
안녕하세요 프론트엔드 개발자를 꿈꾸는 엄강우입니다.
post-custom-banner

0개의 댓글