> 웹 프론트엔드 > JS 튜토리얼 > React JS를 탐험해보세요. 어디서부터 시작해야 할까요?

React JS를 탐험해보세요. 어디서부터 시작해야 할까요?

PHPz
풀어 주다: 2024-07-30 08:28:43
원래의
1085명이 탐색했습니다.

Exploring React JS. Where to Start?

React를 거의 모든 곳에서 듣다 보니 저도 탐색해 보지 않을 수 없네요! 비록 백엔드 엔지니어로서 React가 필요하지는 않지만 이것이 프론트엔드 세계에 노출되고 큰 그림을 이해하는 데 도움이 될 수 있는 좋은 방법이 될 수 있다고 생각합니다(그렇습니다!). 프론트엔드 개발의 관점/도전 과제를 배우고 백엔드 시스템을 설계할 때 이를 염두에 두었습니다. 더 중요한 것은 일이 처음부터 끝까지 어떻게 진행되는지 배우는 것만으로도 만족스럽다는 것입니다.

그럼 어디서부터 시작해야 할까요?

JavaScript에 대한 기본 지식이 있다면 다음과 같은 (무료!) 리소스를 추천해 드립니다.

1. Scrimba로 React 배우기 (https://v2.scrimba.com/learn-react-c0e)
React 작성을 시작하는 데 정말 훌륭한 리소스입니다.

새로운 기술을 배우는 것은 쉽지 않습니다. 요즘 우리가 보는 추상화의 양을 고려할 때 때로는 실제로 이해하지 못하는 것들을 무시하고 그것이 작동한다는 것을 받아들이라고 말하는 것이 좌절스러울 수 있습니다. ("이 코드 줄 뒤에서 무슨 일이 벌어지고 있는 걸까요?"와 같은 질문)

Scrimba의 강사는 React 코드의 모든 줄이 무엇을 의미하는지 설명을 훌륭하게 진행하여 수수께끼를 남기지 않았습니다. 그는 Vanilla JS에서 React의 한 줄이 무엇을 의미하는지 보여줌으로써 React를 선택하게 된 동기를 설명했습니다. 특히 새로운 기술을 처음 배우기 시작할 때 많은 의심과 용어가 명확해졌습니다.

2. 풀스택 오픈 (https://fullstackopen.com/en/)
충분히 추천할 수 없는 멋진 리소스입니다. 이 과정은 단지 React에 관한 것이 아니라 프론트 엔드용 React를 사용하여 풀 스택 소프트웨어를 개발하는 '엔드 투 엔드' 경험을 제공합니다. 비록 React 전용 강좌는 아니지만 React 부분은 매우 포괄적입니다(Redux까지 포함). 과정의 React 부분만 배우도록 선택할 수도 있지만 전체 과정을 완료하는 것이 좋습니다.

제가 이 강좌를 정말 좋아했던 이유는 다음과 같습니다.

  • 전체 사진

REST API 생성을 위한 프론트엔드인 React와 백엔드인 NodeJS를 소개하기 전에 먼저 웹 애플리케이션의 기초에 대해 알아봅니다. 그런 다음 웹에서 테스트가 어떻게 작동하는지 알려줍니다. 그런 다음 Github Actions(CI/CD)를 사용하여 배포 파이프라인을 설정하고 Docker 컨테이너화에 익숙해지는 데 도움이 됩니다. 개발부터 프런트엔드 및 백엔드 애플리케이션 배포, 프로덕션까지 모든 과정이 진행됩니다.

  • 업계 표준

저는 백엔드 소프트웨어 엔지니어이고 이 과정을 통해 업계에서 일할 수 있도록 준비하는 데 얼마나 많은 도움이 되는지 공감합니다. 프로젝트를 더욱 현실적으로 만드는 많은 측면을 다룹니다. 예를 들어 단위 테스트 프런트엔드 및 백엔드, 통합 테스트 및 엔드투엔드 테스트가 있습니다. 이러한 테스트는 실제 제작 프로젝트에서 매우 중요하지만 많은 온라인 수업에서 이를 놓쳤습니다. CI/CD 파이프라인 설정, 보안상의 이유로 별도로 구성 관리, 애플리케이션 컨테이너화 등의 방법을 설명합니다. 이 과정에는 많은 모범 사례가 있습니다!

  • 연습하세요!

각 모듈에는 고유한 연습 세트가 포함되어 있으므로 이러한 연습을 완료하는 것이 좋습니다. 실행하여 프로그래밍 배우기 - 그래야만 개념, 구문 및 아이디어가 마음 속에 구체화될 수 있습니다. 나는 배우는 가장 좋은 방법은 연습하는 것이라고 항상 믿었습니다!

  • "현대적이고 최신"

React(업계에서 가장 널리 사용되는 프런트엔드 프레임워크 중 하나)를 가르치고 있다는 사실 외에도 NodeJS(또 다른 인기 있는 백엔드 프레임워크)를 가르치고 Github Actions(CI/CD용) 및 Docker(컨테이너화). 또한 이 과정은 적극적으로 유지 관리되고 개정됩니다(소프트웨어의 끊임없이 변화하는 특성으로 인해 업데이트되었다고 설명하는 섹션을 볼 수 있습니다).

위 내용은 React JS를 탐험해보세요. 어디서부터 시작해야 할까요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿