ReactNextCentral

리액트 기초

Published on
Next.js 효과적으로 학습하는 기본 가이드와 팁

개요

Next.js를 효과적으로 학습하려면 자바스크립트와 리액트, 관련 웹 개발 개념에 대한 이해가 필요합니다. 하지만 자바스크립트와 리액트는 방대한 주제이기에 언제 Next.js 학습을 시작할 준비가 되었는지 알기 어려울 수 있습니다.

리액트 기초 과정에 오신 것을 환영합니다! 이 초보자 친화적인 실습 중심 과정을 통해 Next.js를 위한 필수 지식을 단계별로 배우며 간단한 프로젝트를 직접 만들어보게 됩니다. 자바스크립트 애플리케이션부터 시작해 리액트로 전환하고 마지막으로 Next.js로 마이그레이션하는 과정을 거칩니다.

각 섹션은 이전 섹션의 내용을 기반으로 구성되어 있어 이미 알고 있는 내용에 따라 적절한 시작 지점을 선택할 수 있습니다.

필요한 지식

이 과정은 HTML, CSS, 자바스크립트에 대한 지식을 가정하며 리액트에 대한 지식은 필요하지 않습니다. 이미 리액트에 익숙하다면 '리액트에서 Next.js로' 장을 시작하거나 대시보드 앱 과정을 선택할 수 있습니다.

시스템 요구 사항

과정을 시작하기 전에 다음이 설치되어 있는지 확인하세요.

  • Node.js 18.17.0 이상
  • macOS, Windows(WSL 포함), Linux 중 하나의 운영 체제
  • VSCode 또는 다른 텍스트 에디터

이 과정을 통해 여러분은 Next.js로 효과적인 웹 개발을 시작할 수 있을 것입니다.

리액트 기초와 시작하기

리액트와 Next.js 소개, 사용자 인터페이스(UI) 렌더링, 자바스크립트로 UI 업데이트하기, 리액트 시작하기

View

컴포넌트와 데이터 관리

컴포넌트로 UI 구축하기, Props로 데이터 표시하기, 상태(State)로 인터랙티비티 추가하기

View

Next.js로의 전환과 심화

리액트에서 Next.js로, Next.js 설치하기, 서버와 클라이언트 컴포넌트

View