728x90

리액트 2

[React] React 디버깅 툴 설치하기 (React Developer Tools)

어떠한 언어로 개발을 하더라도 오류를 쉽게 찾아내려면 디버깅이 가능한 툴이 필요합니다. 자바스크립트를 개발할 때에는 크롬의 개발자 도구를 이용합니다. 리액트가 개발환경이 되어 디버깅이 필요하다면, 크롬 확장 프로그램으로 하나 더 설치하면 됩니다. React 디버깅 툴 설치하기 (React Developer Tools) 크롬 웹 스토어에 접속하셔서 react를 검색합니다. chrome.google.com/webstore/search/react?hl=ko Chrome 웹 스토어 Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요. chrome.google.com 크롬의 확장 프로그램인 React Developer Tools 역시 페이스북에서 제공했습니다. 설치된 React Devel..

Coding/React 2020.12.24

[React] React 설치 및 시작하기 (로컬 개발 환경 만들기)

리액트는 자바스크립트 라이브러리 중에 인기 있는 라이브러리입니다. 리액트를 사용하시려면 사전에 설치되어 있어야 하는 게 몇 가지 있습니다. 사전 설치 프로그램과 리액트 시작하는 방법에 대해서 알아봅니다. 리액트 설치 전 리액트를 설치하려면 먼저 nodejs, npm이 필요합니다. nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 링크로 들어가셔서 nodejs를 먼저 설치하셔야 합니다. 두 가지 버전이 있는데 왼쪽은 안정적인 버전, 오른쪽은 최신 버전으로 새로운 기능이 포함되어 있지만 불안정할 수도 있습니다. 다운로드하여 설치합니다. 설치 후에 cmd 명령 창에 ..

Coding/React 2020.12.21
728x90