써먹는 웹개발

Vue-Cli 설치할때마다 자잘한 문제가 발생해서 결국에는 해결하였고 그 방법을 공유합니다. 1. 재설치를 위한 vue-cli 삭제 명령어 : npm uninstall vue-cli -g 2. 재설치 명령어 : npm install -g @vue/cli 3. (잘 설치되었는지) 버전 확인 명령어 : vue --version 4. vue 환경의 프로젝트 생성 프로젝트명 : vue-cli 명령어 : vue create vue-cli 5. default 선택

Enter키를 눌렀을때 버튼 클릭과 동일한 동작이 실행되도록 처리하는 방법입니다. ...

자바스크립트에서는 id를 가변하는 방법이 따로 없어서 html append를 주로 썼던 것 같다. 하지만, vue에서는 v-bind를 이용해서 id를 가변할 수 있다. 사용방법 ... {{ num }} 출처 : Vue.js 시작하기

Typescript 소스 저장시에 Javascript 파일 자동생성방법입니다. nodejs에서 Typescript 파일(.ts) 작업중인 폴더에서 다음 명령어 입력후 엔터치면 됩니다. tsc 파일명.ts -w ※ w는 watch의 약어입니다.

Typescript에서 상수처리하는 방법 1. 일반 변수 const str = "hi"; 2. 객체형 변수 - 잘못된 방법 const obj = {a:1, b:'2'}; obj.a = 3; // 내부값 변경 가능 - 옳은 방법 const obj2 = {a:1, b:'2'} as const; obj2.a = 4; // 읽기 전용 속성이므로 'a'에 할당할 수 없습니다.

Typescript 배열 1. 가변형 타입 설정 let arr1: (string | number | boolean)[] = [true, 2, '3']; // 가변형 2. 고정형 타입 설정 let arr2: [boolean, number, string] = [true, 2, '3']; arr2[0] = 4; // '4' 형식은 'boolean' 형식에 할당할 수 없습니다. 출처 : 웹게임을-만들며-배우는-typescript

TypeScript를 쓰는 가장 큰 이유는 변수 내부의 메서드나 프로퍼티를 호출할때 타입이 다른 경우 자바스크립트(.js)는 에러가 발생할 것이라는 문구가 나오지 않아서 실제로 화면에 출력할때 에러가 나거나 (크롬에서) 테스트해봐야 알 수 있는데 타입스크립트(.ts)에서는 문제가 바로 출력되기때문에 소스 상에서 바로 에러 파악후에 수정이 가능하다. 특히, 변수 타입과 관련없어 보이게 변수명을 설정한 경우에 타입스크립트는 빛을 발한다.

※ npm run dev로 서버 실행 도중에 나타난 에러입니다. Cannot resolve module 'vuex' in 의 해결방법은 다음과 같습니다. npm install vuex --save 출처 : https://github.com/sokis/vue-vuex-starter-kit/issues/4