자바스크립트
-
TypeScript vs JavaScriptProgramming/JavaScript & TypeScript 2022. 2. 15. 08:26
Static type(TS) vs Dynamic type(JS) JS는 실행시에 점검, TS는 상시 점검 JS는 실행시 점검이기때문에 number가 맞는지 체크해야되지만, TS는 만약 문자열이면 실행조차 안됨(개발중에 에러남) //JavaScript function add(n1, n2) { if (typeof n1 !== 'number' || type n2 !== 'number') { throw new Error('Incorrect input!'); } return n1+n2; //TypeScript function add(n1:number, n2:number) { return n1+n2; } 기본제공타입 Boolean, Number, String, Null, Undefined, Symbol, Array..
-
리액트 공부 / 추천 사이트Programming/JavaScript & TypeScript 2021. 9. 25. 20:52
* Learning React를 공부하면서 정리한 페이지입니다. 리액트 공식 홈페이지 https://ko.reactjs.org/docs/getting-started.html 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 러닝리액트 https://github.com/MoonHighway/learning-react GitHub - MoonHighway/learning-react: The code samples for Learning React by Alex Banks and Eve Porcello, published by O'Reilly M The code samples for Learning React by Ale..
-
ES6 변경사항Programming/JavaScript & TypeScript 2021. 9. 25. 16:16
1) 템플릿 문자열 ES6 이전에는 문자열 연결시에는 병합연산자(+) 사용 ES6 이후에는 백틱을 이용해서 표현 //ES6 이전 var string1 = "안녕하세요." var string2 = "반갑습니다." var greeting = string1 + ' ' + string2 //ES6 이후 var string1 = "안녕하세요." var string2 = "반갑습니다." var greeting = `${string1} ${string2}` 2) 화살표 함수 지원 // 예전방식 var lordify = function(firstName, land) { return `${land}의 ${firstName}` } //ES6의 화살표 함수 var lordify = (firstName, land) => `$..