React 쉽게 시작하기

React를 처음 공부하려고 하면 초보자 입장에서는 환경 세팅 부터가 어렵다.

node.js를 설치해야 하고, VSCode도 설치해야 하고, 필수적으로 필요한 extension도 설치해야 한다.

create-react-app이나 vite 같은 것을 이용해서 React 프로젝트를 생성해야 하는데 

터미널에 들어가서 선행작업 해야 할 것도 있고, 이래 저래 초보자 입장에서는 시작부터 어렵다.

동영상 강의 같은 걸 보고 그대로 따라해도 강의 제작 당시의 상황과 현 상황이 달라서 잘 안 될 수도 있다.

 

이런 것들 때문에 시작부터 고생하기 보다는 React 그 자체를 배우는데 집중하는 게 더 좋은 선택인 것 같다.

 

다행히 React 공식문서는 한글 번역이 아주 잘 되어 있고, 초보자가 공부하기에도 편리하게 되어 있다.

구글에서 React라고 검색하면 제일 첫 번째 나오는 사이트는 구버전 사이트이니 주의해야 한다.

두 번째 나오는 아래 사이트가 최신 버전의 사이트다.

https://ko.react.dev/

React

 

 

초보자에게 추천하는 React 공식문서 보는 방법

1. 학습하기 버튼 클릭

 

2. 좌측 트리에 보면 시작하기와 React 학습으로 나뉘어 있는데 시작하기는 생략하고, React 학습을 순서대로 보기

  * 솔직히 처음부터 끝까지 다 보기에는 지루해서 힘들다. 어느 정도 보다가 약간 감을 잡으면 자신만의 방법으로 AI의 도움도 받으면서 학습해보는 것도 괜찮은 방법이다.

 

3. 각 예제 소스마다 있는 포크 버튼 클릭하면 CodeSandBox 사이트가 열리고, 예제 소스가 실행 가능한 상태의 프로젝트가 바로 뜬다. 그대로 따라도 쳐보고, 수정도 해보면서 연습해보는 게 초보자가 쉽게 시작하는 최고의 방법인 것 같다.

  * CodeSandBox에서 작업한 내용은 다운로드 받아서 로컬에 설치된 VSCode에서도 쉽게 불러올 수 있다.