js15 TypeScript 변수 선언 시 주의점 let name: string; // name이란 변수는 string의 값만 들어갈 수 있다 // let name = 'john'; //typeScript에선 변수의 선언과 초기화를 한 줄에 작성하면 자동으로 변수타입을 설정한다. name = 500; //name이란 변수가 이미 string type으로 설정되어 있어 error // let name; name = 'john'; name = 300; //위의 반례로 변수의 선언을 단독으로 한다면 any타입으로 설정된다. // const name; //error //const는 초기화를 해 주어야 한다. 2022. 5. 22. TypeScript를 쓰는 이유 1. 타입을 명시해 줌으로써 코드파악에 도움이 되고 에러를 줄임 let name: string = 'Jone'; typescript는 위 코드처럼 name이란 변수를 선언할때 타입을 설정해줄 수 있다. 저렇게 설정해 주는 것 하나만으로 - name이란 변수에 숫자가 들어간다면 컴파일시간에 버그로써 잡아줄 수 도 있고, - 협업에서도 변수에 대한 정보를 하나 더 들고 가는 셈(자기가 짠 코드도 며칠뒤면 까먹음) name은 당연히 string아니냐 라고 할수도 있어서 예시코드를 바꾸면 let userCode: number = 15 let userCode: string = 'A_361' userCode가 순전히 숫자로만 이루어질 수 도 있고 알파벳과 혼용해서 만들 수 도 있으니 타입을 명시해주면 확실히 도움이.. 2022. 5. 22. [vue] debounce 사용하기 feat.(throttle) debounce와 throttle의 공통 키워드로는 '연속성' 입니다. 우리는 특정 함수를 호출할 시, 이벤트리스너와 관련된( ex: scroll )함수를 호출할 시 해당 이벤트들이 너무 연속적으로 수행될 때가 있습니다. debounce와 throttle은 이를 방지하기 위한 기술입니다. - debounce 이벤트를 호출한 후, 일정시간이 지나야 해당 실행문장을 실행합니다 => 키를 입력하면 값이 출력되는 이벤트를 호출한다 가정했을시, 마지막에 입력했을 때를 기점으로 설정한 시간만큼 재호출이 없어야 실행문장이 실행됩니다. - throttle 이벤트를 호출한 후, 실행문장을 한 번 실행하고, 설정한 시간만큼은 재호출을 해도 응답하지 않습니다. 1. lodash를 설치 후 가져와 사용 2. debounce는.. 2022. 3. 16. js 배열함수 for in객체의 속성들을 반복하여 사용한다.for(const 작명 in object){}key에 대하여 반복 실행하며 value는 [object.작명] 과 같은 식으로 참조한다. for of배열 요소들을 반복하여 사용한다.for(const 작명 of array){}//기본적으로 value에 대하여 반복 실행하지만 문장을 바꿔 index참조변수도 같이 만들 수 있다.for(const [작명인덱스 , 작명값] of array.entries()){} forEach배열 요소들을 반복하여 사용한다.array.forEach(function(value, index, array) { console.log('인덱스 '+index+ ': ' +value+', 배열의 전체는: '+array);})array.for.. 2022. 1. 17. js node, npm, cli node- 자바스크립트를 서버에서도 사용할 수 있게 만든 프로그램- 서버사이드 스크립트 언어가 아닌 프로그램(환경)이다- 자바스크립트 위에서 동작하는 런타임이다런타임- 특정언어로 만든 프로그램을 실행할 수 있는 환경- 따라서 노드는 자바스크립트 프로그램을 컴퓨터에서 실행할 수 있게 하는 런타임이다npm(node package manager)- 자바스크립트 코드 패키지를 모아놓은 저장소cli- 프로젝트를 빠르게 구성하고, 빌드, 디플로이 할 수 있게 도와주는 도구 2022. 1. 15. js console 종류 console.assert(2 == 2, ' log ');>> 조건이 맞을때만 출력console.table(object)>> 객체를 테이블 형태로 출력console.time('start')console.timeEnd('end')>>time과 timeEnd사이의 실행시간을 측정 2022. 1. 15. 이전 1 2 3 다음
