TIL_22.05.18

이서현·2022년 5월 18일
0
  • 공공API를 이용해 국내 임상시험 검색하는 과제 만들기
    건강보험심사평가원_질병정보서비스

  • CORS 간단하게 피하기

    // package.json
    {
      "proxy": "http://localhost:3000"
    }
  • 이번 프로젝트에서 react-query 사용했다
    한글 번역된 공식문서가 없어서 어렵게만 느껴진 react-query
    근데 하나의 글을 읽고 생각이 바뀌었다
    Store에서 비동기 통신 분리하기 (feat. React Query)
    아직 신입이라 거대한 store를 본 적은 없지만 미래의 내가 고민하게 될 문제인 것 같다.

    그리고 내가 생각하는 가장 큰 장점 간결함이다

    function Example() {
      const { isLoading, error, data, isFetching } = useQuery("repoData", () =>
        fetch(
          "https://api.github.com/repos/tannerlinsley/react-query"
        ).then((res) => res.json())
      );
    
      if (isLoading) return "Loading...";
    
      if (error) return "An error has occurred: " + error.message;

    얼마나 깔끔해!
    그런데도 이것저것 옵션을 넣어 할 수 있는 일들이 많다✨

  • trim()
    문자열 앞뒤 공백 제거

    " 가 나 다라마 바 사 ".trim();
    // "가 나 다라마 바 사"
  • &&
    JavaScript에서 true && expression은
    항상 expression으로 평가되고 false && expression은 항상 false로 평가
    따라서 && 뒤의 엘리먼트는 조건이 true일때 출력이
    조건이 false라면 React는 무시하고 건너뜀
    falsy 표현식을 반환하면 여전히 && 뒤에 있는 표현식은 건너뛰지만
    falsy 표현식이 반환된다는 것에 주의

      return (
        <div>
          { count && <h1>Messages: {count}</h1>}
        </div>
      );
    // <div>0</div> 반환
  • useEffct, useCallback, useMemo는 의존성 배열 중 하나만 변경되어도 실행된다
profile
🌿💻💪🧠👍✨🎉

0개의 댓글