* Web/[Front] ㄴReact2 [React] 리액트(React) 온라인 코드 편집기로 Hello World 출력(2/2) Vs code로 환경설정을 일일이 하기 귀찮을 때가 있다. 그 때는 React 공식 홈페이지에서 제공해주는 튜토리얼을 통해 간단한 테스트를 할 수 있다. React 공식 홈페이지에서 제공해주는 온라인 코드 편집기는 크게 4가지이다. 1. CodePen 2. CodeSandbox 3. Glitch 4. Stackblitz 각 사용해보고 싶은 것들을 들어가서 이용하면 된다. > React 공식 홈페이지 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org * 공식 문서를 들여보는 습관을 항상 습관화 해야한다고 생각한다. 2020. 10. 22. [React] VS Code에서 리액트(React) Hello World 출력(1/2) Front End Framework에서 가장 핫한 React를 한번 다뤄보고 싶었다. React를 Visual Studio Code(VS Code)에서 활용하여, 가장 기본적인 Hello World를 출력하는 과정이다. Node.js 설치 과정은 생략했다. > : Node.js 설치 * C드라이브나 D드라이브에 작업할 디렉토리 생성 * 해당 파일을 Vs Code로 열기 * 터미널창 띄우기 * npx create-react-app my-app 입력 * 설치 중.... (시간이 걸린다.) * 설치 완료 my-app 이란 폴더가 새로 생성됬다. * cd my-app 입력 * npm start 입력 * 아래와 같은 창 실행 확인 * VS Code에서 App.js 클릭 : 아래 화면에서 .. 2020. 10. 21. 이전 1 다음
