리액트 시작2 [React] 리액트 기초 관련 글 정리 (개발환경, 데이터, 컴포넌트 등) 지금까지 총 13번의 포스팅으로 개발환경 구축부터 기본적인 Input 컴포넌트 개발까지 해보았습니다. 이번에는 앞으로 더 어려운 과정을 나아가기 위해, 기초 관련 글들을 정리하는 시간이 되겠습니다. ① 리액트 개발환경 구축 첫 번째 노드 버전 매니저(NVM)를 설치하고, 그것을 이용해 Node.js , NPM , yarn 등을 설정했습니다. ② Visual Studio Code 및 관련 플러그인 설치 개발환경 구축의 연장으로 VSCode 설치와 Reactjs code snippets , Prettier 플러그인을 설치했습니다. ③ 리액트 테스트 앱 생성 및 수정 yarn을 이용해 테스트 앱을 생성하고 기동 했으며, 아주 간단하게 Hello, world! 수준의 수정을 해보았습니다. ④ 리액트에서 사용하는.. 2020. 9. 29. [React] 리액트 테스트 앱 생성 및 수정 리액트 개발환경 구축이 안 된 분들은 아래 링크 참조 2020.08.18 - [웹 프론트엔드/React 리액트] - [React] 리액트 개발환경 구축 1. 테스트 프로젝트 생성 및 구동 예시는 윈도우 환경과 상기한 개발환경이 구축됐다는 전제로 쓰겠습니다. 먼저 명령 프롬프트(cmd)를 열고 하기와 같이 입력합니다.(프로젝트명은 test_project) yarn create react-app test_project 이런 식으로 기본 프로젝트 골격이 자동으로 완성됩니다. 그다음은 프로젝트 루트 폴더(test_project) 이동해서 yarn start 기본 포트는 3000번이지만 사용중일 경우 다른 포트 번호도 기동 가능합니다. 본인이 사용하는 기본 브라우저에 로컬호스트 주소로 위 화면처럼 나오면 성공! .. 2020. 9. 9. 이전 1 다음
