스펜서 개발블로그

1. 프로젝트 생성하기 npm init react-app . 터미널에서 원하는 디렉토리에 들어가서 npm init react-app .를 입력하면 현재 디렉토리에 리액트 프로젝트를 생성합니다. 만약 위 방법을 사용할 때 에러가 난다면 아래 방법으로 빌드한다. npx create-react-app my-app 2. 개발 모드 실행하기 npm run start 터미널에서 npm run start를 입력하면 개발 모드 서버가 실행됩니다. 3. 실행 중인 서버 종료하기 ctrl + c (맥북은 cmd + c) 서버가 실행 중인 터미널에서 ctrl + c를 입력하면 서버가 종료됩니다. 4. 개발된 프로젝트 빌드하기 npm run build 터미널에서 npm run build를 입력하면 빌드를 시작합니다. 5. 빌..

안녕하세요. 오늘은 Vuejs에서 타입스크립트(TypeScript)를 적용하는 방법에 대해 알아보겠습니다. Vue.js 프로젝트에 타입스크립트를 적용하는 방법은 두 가지가 있습니다. 첫번째로 프로젝트를 생성할 때 타입스크립트를 선택할 수 있습니다. 해당 옵션을 선택하여 진행할 경우, Vue.js 프로젝트가 생성되면서 환경설정 및 구조를 자동으로 생성하기 때문에 굉장히 편리하지만 필요한 특정 플러그인, 혹은 라이브러리의 버전을 수정하거나 구조를 수동으로 변경해야하는 번거로움이 있습니다. 두번째로 이미 존재하는 프로젝트에 타입스크립트를 적용하는 방법이 있습니다. 이미 기존에 Vue.js와 자바스크립트로 진행했던 프로젝트가 있는 분들이 많이 선택하시는 방법으로 점진적으로 타입스크립트를 적용할 수 있습니다. n..