Repolode
Asabeneh

Asabeneh/30-Days-Of-React

JavaScript 기초부터 hooks, 라우팅, 상태 관리까지 단계별로 배우는 30일 React 강의입니다.

스타
27,524
포크
7,662
열린 이슈
216
마지막 커밋
2개월 전

어떤 프로젝트인가요?

30 Days Of React는 30일 동안 매일 한 개의 강의를 진행하도록 구성된 튜토리얼 저장소입니다. JavaScript 복습과 React 소개로 시작해 컴포넌트, props, 리스트와 key, state, 조건부 렌더링, 이벤트, 폼, 제어 컴포넌트와 비제어 컴포넌트를 다룹니다.

후반부에는 컴포넌트 생명주기, 고차 컴포넌트, React Router, Fetch와 Axios를 이용한 데이터 가져오기를 다룹니다. 이어서 useState 스타일의 폼, 데이터 가져오기, 커스텀 hooks, Context, Ref 등을 포함한 hooks를 소개합니다. 며칠 분량은 직접 따라 해 보는 프로젝트로 구성되어 있으며, 선택적으로 풀어 볼 수 있는 연습 문제가 포함된 친근한 영어로 작성되어 있습니다.

저장소에는 Node.js, Google Chrome DevTools, Visual Studio Code 설정 안내와 저장소를 fork하고 매일 풀이를 커밋하는 방법도 포함되어 있습니다. 기본적인 HTML, CSS, JavaScript 지식이 있는 독자를 대상으로 합니다.

핵심 기능

  • 01컴포넌트와 props부터 state와 이벤트까지 React 기초를 다룹니다.
  • 02React Router, Context, Ref, 커스텀 hooks 등 심화 주제도 포함합니다.
  • 0330일 동안 매일 한 개의 강의를 진행하는 구성입니다.
  • 04필요한 독자를 위한 JavaScript 복습 내용을 제공합니다.
  • 05Node.js, Chrome DevTools, VS Code 설정 방법을 안내합니다.

활용 사례

  • 기본 JavaScript에 익숙해진 뒤 React를 처음부터 배우기.
  • 한 달 동안 매일 학습하는 체계적인 계획으로 React 실력 쌓기.
  • 포함된 프로젝트와 연습 문제를 따라 하며 hooks와 라우팅 연습하기.

빠른 시작

  1. 1

    저장소를 포크하고 클론하세요

    git clone git@github.com:username/30-Days-Of-React.git
  2. 2

    프로젝트 폴더로 이동하세요

    cd 30-Days-Of-React
  3. 3

    공식 사이트에서 Node.js를 설치한 다음 설치를 확인하세요

    node -v
  4. 4

    첫 번째 레슨을 열고 따라 하세요

사용 전 알아둘 점

  • 이 코스는 튜토리얼 형식으로 작성되었으며 라이선스가 명시되어 있지 않습니다.
  • 일부 이미지와 콘텐츠는 다른 코스에서 가져온 것으로, 이름을 변경해야 할 수 있습니다.
  • 저자는 자료가 교정되지 않았다고 밝혔습니다.

토픽

자주 묻는 질문

30-Days-Of-React은(는) 무엇인가요?
JavaScript 기초부터 hooks, 라우팅, 상태 관리까지 단계별로 배우는 30일 React 강의입니다. 30 Days Of React는 30일 동안 매일 한 개의 강의를 진행하도록 구성된 튜토리얼 저장소입니다. JavaScript 복습과 React 소개로 시작해 컴포넌트, props, 리스트와 key, state, 조건부 렌더링, 이벤트, 폼, 제어 컴포넌트와 비제어 컴포넌트를 다룹니다.
30-Days-Of-React은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
30-Days-Of-React에는 명시된 라이선스가 없습니다. 코드는 공개되어 있지만 라이선스가 없으면 재사용 허가가 명확하지 않으므로, 사용 전에 작성자에게 문의하는 것이 좋습니다.
30-Days-Of-React은(는) 아직 유지보수되고 있나요?
6개월 이내 업데이트. 30-Days-Of-React의 마지막 커밋은 2026년 8월 27일입니다.
30-Days-Of-React은(는) 어디에 사용할 수 있나요?
기본 JavaScript에 익숙해진 뒤 React를 처음부터 배우기. 한 달 동안 매일 학습하는 체계적인 계획으로 React 실력 쌓기. 포함된 프로젝트와 연습 문제를 따라 하며 hooks와 라우팅 연습하기.
30-Days-Of-React는 어떻게 설치하나요?
저장소를 포크하고 클론하세요: git clone git@github.com:username/30-Days-Of-React.git 프로젝트 폴더로 이동하세요: cd 30-Days-Of-React 공식 사이트에서 Node.js를 설치한 다음 설치를 확인하세요: node -v 첫 번째 레슨을 열고 따라 하세요
30-Days-Of-React은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/Asabeneh/30-Days-Of-React

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트