분류 Reactjs

✨초보자가 시도해야 할 8가지 React 프로젝트

컨텐츠 정보

  • 조회 682 (작성일 )

본문

이 기사에서는 모든 초보자가 시도해야 하는 8가지 React 프로젝트를 살펴보겠습니다.


소개 


React는 사용자 인터페이스 또는 UI 구성 요소를 빌드하기 위한 무료 오픈 소스 프론트 엔드 JavaScript 라이브러리입니다. Facebook과 개별 개발자 및 회사 커뮤니티에서 유지 관리합니다.

React는 단일 페이지 또는 모바일 애플리케이션 개발의 기반으로 사용할 수 있습니다. 이 기사에서는 React를 배우는 과정을 매우 쉽게 만들기 위해 만들 수 있는 몇 가지 멋진 프로젝트를 살펴보겠습니다.


1. React.js 및 Firebase로 사진 갤러리 구축 


Net Ninja(Shaun)의 이 튜토리얼에서는 Firebase에서 지원하는 React.js를 데이터베이스로 사용하여 사진 갤러리를 만드는 방법을 알려줍니다.

이 튜토리얼은 React의 기본과 기초를 다룰 뿐만 아니라 사용자 정의 후크를 만드는 방법도 보여줍니다. React를 배우려는 사람들에게 적극 권장됩니다.



무엇을 배우게 될까요?

  1. React 기초 및 기초
  2. 나만의 Hook 만들기

2. React Hooks 및 Context API를 사용하여 비용 추적기 구축 


이 튜토리얼에서 Brad(Traversy Media)는 React Hooks 및 Context API를 사용하여 비용 추적기 애플리케이션을 만드는 방법을 보여줍니다. 그는 또한 상태 관리 솔루션 중 하나인 Context API를 사용합니다.



무엇을 배우게 될까요?

  1. React 기초 및 기초
  2. 컨텍스트 API를 사용한 상태 관리


3. CodeSTACKr의 React로 Hangman 빌드 


이 비디오에서는 후크가 있는 React를 사용하여 행맨 게임을 만듭니다.



무엇을 배우게 될까요?

  1. React 기초 및 기초, Hooks

4. React.js 및 Hooks를 사용하여 운동 추적기 빌드 


이 비디오에서는 React.js와 React Router를 사용하여 전체 운동 추적기 애플리케이션을 만들 것입니다. 작성자 @thenerdydev



무엇을 배우게 될까요?

  1. React 기초 및 기초, Hooks

5. Meetup 프로젝트가 포함된 React.js 전체 집중 과정 


React.js의 모든 기초를 가르치는 Maximilian Schwarzmuller(Academind)의 집중 과정입니다. 이 가이드에는 Firebase를 데이터베이스로 사용하는 프로젝트도 포함되어 있습니다.



무엇을 배우게 될까요?

  1. React.js 기본 및 기초
  2. Firebase 기본 사항

6. Tyler Potts의 React.js를 사용하여 날씨 애플리케이션 구축 


React JS에서 날씨 앱을 만드는 방법을 배우십시오. 이 튜토리얼은 Open Weather Map API를 사용하여 현재 날씨 데이터를 반환하는 restful API를 호출합니다. 이것은 React 후크 및 조건과 함께 Modern Javascript Fetch AP를 사용합니다.



무엇을 배우게 될까요?

  1. React.js 기본 및 기초

7. React.js에서 Todo 애플리케이션 빌드 


DevEd는 React.js에서 Todo 애플리케이션을 만드는 방법을 보여줍니다.



무엇을 배우게 될까요?

  1. React 기본 및 기본 사항

8. React로 더 나은 Spotify를 만드는 방법 


Spotify는 꽤 멋지지만 더 나은 버전을 만들 수 있다면 어떨까요? 이 비디오에서 WebDevSimplified는 Spotify의 많은 기능을 가질 뿐만 아니라 원하는 노래에 대한 가사 조회도 포함하는 Spotify 클론을 만드는 방법을 보여줍니다.


무엇을 배우게 될까요?

  1. React 기본 및 기본 사항
  2. API 작업
  3. 후크

https://dev.to/thenerdydev/10-react-projects-every-beginner-should-try-fk9