Hacker News API 애플리케이션을 빌드하여 React와 함께 API를 사용하는 방법 알아보기

Karl Hadwen의이 중간 비디오 자습서에서 React와 함께 API를 사용하는 방법을 알아보십시오. Hacker News API를 호출하는 React에서 작은 애플리케이션을 만드는 방법을 배웁니다. 이 애플리케이션은 React memo, Axios (API 호출 용), 스타일이 지정된 구성 요소 및 React Testing Library를 사용합니다.

Lighthouse를 사용하여 접근성 및 성능 문제를 테스트하는 방법도 배웁니다.

이 과정에서 배우게 될 몇 가지 사항은 다음과 같습니다.

  • create-react-app 사용 방법
  • Yarn을 사용하여 Axios를 추가하는 방법
  • Hacker News API에서 데이터를 가져 오는 방법
  • useEffect 작동 방식
  • 스토리를 가져올 때 유효성 검사를 추가하는 방법
  • 스타일이 지정된 구성 요소를 사용하는 방법
  • React 프로파일 러의 작동 원리
  • 지금까지 구축 한 내용에 대한 빠른 실행
  • InfiniteScroll 사용 방법
  • 반응 테스트 라이브러리를 추가하는 방법
  • 테스트를 작성하고 Jest 커버리지를 추가하는 방법
  • Lighthouse를 통해 애플리케이션을 실행하는 방법
  • 그리고 더

아래 또는 freeCodeCamp.org YouTube 채널 (2.5 시간 시청)에서 과정을 시청할 수 있습니다.