[공식문서] JavaScript에서 React로 #9

React 학습을 계속하는 방법

방금 세 가지 핵심 React 개념인 컴포넌트, 속성(props), 그리고 상태(state)를 소개 받았습니다. 이러한 개념에 튼튼한 기반을 갖추면 React 애플리케이션 구축을 시작하는 데 도움이 될 것입니다. 더 자신감을 얻게 되면 다음과 같은 React 주제도 확인해보세요.

 

• React가 렌더링을 어떻게 처리하며 어떻게 ref를 사용하는지
• 상태(state)를 관리하는 방법
• 깊게 중첩된 데이터에 context를 사용하는 방법
• useEffect()와 같은 React API 훅(hook) 사용 방법

 

React 자원 (React Resources)

여러 해 동안 React를 학습하는 데 도움이 되는 수많은 강의, 비디오, 기사가 만들어졌습니다. 학습 스타일에 맞는 자원을 추천하는 것은 어렵지만, 가장 가치 있는 참고 자료 중 하나는 React 공식 문서입니다. 해당 문서에는 주제를 연습할 수 있는 대화식 샌드박스가 포함되어 있습니다.

 

React를 학습하는 가장 좋은 방법은 빌드하는 것입니다. 지금까지 배운 내용과 <script>를 사용하여 기존 웹사이트에 작은 컴포넌트를 추가하면서 점진적으로 React를 도입할 수 있습니다. 그러나 많은 개발자들은 React가 가능하게 해주는 사용자 및 개발자 경험을 너무 가치 있게 여겨서 전체 프론트엔드 프로젝트를 바로 React로 작성하기도 합니다.

 

React에서 Next.js로

React는 UI를 구축하는 데 뛰어나지만, 그 UI를 완전히 기능이 있는 확장 가능한 애플리케이션으로 독립적으로 구축하는 데는 어느 정도의 작업이 필요합니다. 그러나 Next.js는 대부분의 설정과 구성을 처리하고 추가 기능을 제공하여 React 애플리케이션을 구축하는 데 도움이 되는 장점이 있습니다.

 

다음으로, React 예제를 Next.js로 마이그레이션하고, Next.js의 작동 방식을  설명하며, 더 고급 Next.js 기능을 더 잘 이해하기 위한 몇 가지 웹 개발 개념을 소개하겠습니다.