반응형
이 포스트의 동영상 강의 URL
React 개발을 위한 IDE(Integrated Development Environment, 통합개발환경)로 Visual Studio Code를 많이 사용합니다.
Visual Studio Code는 Microsoft에서 개발한 오픈소스이고, 무료로 사용 가능합니다.
VSCode 설치
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
Visual Studio Code 사이트에서 Download 하여 설치하면 됩니다.
프로젝트 폴더 열기
- 메뉴-파일-폴더열기를 선택합니다.
지난시간에 만든 C:\workspace\my-first-react-app 폴더를 선택 후
프로그램 실행
- 메뉴-터미널-새터미널
- npm start
- 아래와 같이 브라우저가 실행됩니다.
반응형
'Frontend' 카테고리의 다른 글
| Vuejs(Nuxtjs) 날짜포맷 filter 사용법(Date format filter) (0) | 2022.05.14 |
|---|---|
| 리액트활용-02.리액트로 카카오지도 페이지 만들기 2/2 (0) | 2021.09.26 |
| 리액트활용-02.리액트로 카카오지도 페이지 만들기 1/2 (0) | 2021.09.26 |
| 리액트기초-04.자동생성된 React 소스 분석 (0) | 2021.09.06 |
| 리액트활용-01.aws s3에 React를 이용한 file upload 기능 만들기 2/2 (3) | 2021.08.12 |
| 리액트활용-01.aws s3에 React를 이용한 file upload 기능 만들기 1/2 (0) | 2021.08.12 |
| 리액트기초-02.React 프로젝트 만들기(create-react-app) (0) | 2021.08.10 |
| 리액트기초-01.React 환경 설정 (Nodejs 설치) (0) | 2021.08.10 |