공공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> 반환