개발/React 2

create-react-app으로 손쉽게 프로젝트 만드는 방법

Create React App React로 개발 프로젝트를 시작하려면 웹팩, 바벨 등 배워야하는 기술들이 많습니다. 초보개발자들이 React를 시작하기전 벽에 부딪혀 개발을 포기하는 경우를 막기위해 create-react-app이라는 도구가 존재하는데, 이는 React를 만든 페이스북에서 제공하는 CLI도구로써 React의 세부설정이 필요하지 않은 프로젝트를 진행할때 아주 유용합니다. 프로젝트 생성 create-react-app은 Node.js가 설치된 컴퓨터에서 npx커맨드를 이용해서 부담없이 사용할 수 있습니다. (node.js, npx설치방법 : https://r-o-p.tistory.com/16) 비주얼스튜디오코드에서 프로젝트들을 담는 폴더열기 터미널 > 새터미널을 눌러 터미널을 열기 이때 터미널..

개발/React 2022.09.27

node.js, npm, npx 설치하기

React로 코딩을 하기위해서는 첫번째로 개발에 필요한 도구를 설치해야합니다. 우선 설치해볼 것은 node.js입니다. node.js란 브라우저 외의 환경에서 자바스크립트를 실행할 수 있게 해주는 도구입니다. 원래 자바스크립트는 웹브라우저에서만 사용할 수 있는 언어였지만 node.js 덕분에 브라우저가 아닌 곳에서도 자바스크립트를 사용할 수 있게되었습니다. 1. node.js 설치하기 혹시라도 node.js가 이미 설치되어 있을 수도 있으니 node.js 버전을 확인합니다. macOS를 사용한다면, 터미널을 열고 node -v를 입력합니다. 설치가 되어있을 경우엔 버전번호가 출력되고, 설치가 되어있지 않을경우엔 '명령어가 동작하지 않는다'는 오류메시지가 출력됩니다. 오류가 출력됐다면 node.js 공식홈..

개발/React 2022.09.15