umilove98의 블로그

create-react-app은 리액트 프로젝트 생성 시 필요한 웹팩, 바벨의 설치 및 설정 과정을 생략하고 바로 프로젝트 작업 환경을 구축해 주는 도구입니다. 터미널을 열고 프로젝트를 만들고 싶은 디렉터리로 이동합니다. 저는 바탕화면에 react라는 폴더를 생성한 후 이곳에 프로젝트를 생성해 보기로 했어요 그 후 명령어를 입력하여 리액트 프로젝트를 생성합니다. yarn create react-app hello-react 여기서 hello-react는 자신이 원하는 프로젝트 이름을 써 주면 됩니다 그러면 이거 뭐 잘못된 거 아닌가 싶은 느낌으로 엄청나게 긴 메시지들이 출력되면서 프로젝트가 생성됩니다. 저는 총 51.87초가 걸렸네요 이렇게 생성이 완료 된 후에는 프로젝트 디렉터리로 이동 후 리액트 개발 ..

Node.js 설치 시 패키지 관리 도구인 npm 이 함께 설치되어 있는데요, 공부 중인 책에서 yarn 이라는 패키지 관리자 도구를 사용하여 설명을 하고 있기 때문에 저도 yarn 을 설치합니다. 아직 npm 도 모르는데 yarn을 사용해도 괜찮을지는 모르겠으나 일단 해보려고 해요 한 가지에 익숙해지면 다른 녀석은 쉽게 익힐 수 있을 테니까요 yarn은 npm보다 더 빠르고 효율적인 캐시 시스템과 부가 기능을 제공합니다. 다운로드 페이지로 이동하고 Installation | Yarn (yarnpkg.com) Yarn Fast, reliable, and secure dependency management. classic.yarnpkg.com 스크롤을 조금 내린 뒤 이곳을 클릭하면 Download Inst..

리액트 애플리케이션 코드를 수정하기 위해 사용할 코드 에디터 설치가 필요합니다. VS Code를 설치하겠습니다. 비주얼 스튜디오 코드 홈페이지로 이동 하여 운영체제에 맞는 버전을 다운로드 합니다. Download Visual Studio Code - Mac, Linux, Windows Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building an..

리액트에 흥미가 있어 공부를 시작했어요! 책을 보면서 공부를 하고 있는데 단순히 보는 것 보다 정리하고 블로그에 올리는 편이 더욱 확실한 이해가 필요할 것 같아서 포스팅 하면서 해볼게요! 리액트 애플리케이션은 Node.js와 직접적인 연관은 없지만, 프로젝트를 개발하는 데 필요한 주요 도구들(ECMAScript 6, babel, webpack 등)이 Node.js를 사용하기 때문에 설치가 필요합니다. Node.js 설치 시 Node.js 패키지 매니저 도구인 npm이 함께 설치됩니다. Node.js 홈페이지로 이동 후 OS에 맞는 최신 LTS 버전 다운로드 LTS버전은 Long Term Support 으로 장기적으로 안정적인 지원을 제공하는 버전이라는 의미입니다. Node.js (nodejs.org) 설..