일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- queue
- 개발자
- SWIFT
- jest
- 자스민
- javascript
- 자바스크립트
- 스벨트
- data structure
- react
- 개발
- 리액트 예제
- 리액트
- hokidoki
- 자료구조
- 자바스크립트 자료구조
- 호키스
- IOS
- Svelte
- 이종호
- HTML
- 계명대 이종호
- 호키도키
- TDD
- 스위프트
- 비동기
- 힛잇
- 계명대
- Hitit
- hokeys
- Today
- Total
목록ES6 (2)
Dog foot print
나는 es6부터 javascript를 접했기 때문에 훨씬 좋은 환경에서 웹개발을 배웠다 생각한다. es6에서는 arrow-function , class, const와 let의 출현 , promise 객체 등 개발자에게 코드의 간결성, 명확성을 선물해주었지만 현실은 es6 를 자유자재로 사용 할 수 없었다. 그 이유는 ie와 같은 구형 브라우저에서는 es6를 제대로 지원하지 않았고 사람들은 구형브라우저나 구형 윈도우 os를 그대로 사용하는 사람들이 많기에 개발하는 입장에서는 es6는 그림의 떡이였다. 그런 와중 Babel 이라는 트랜스파일러가 등장했는데 이 바벨은 es6 문법을 es5로 변환시켜 준다 . 설치 해당 프로젝트를 npm init 해주고 명령창에 다음과 같이 작성한다. 개발환경에 추가하기 위해 ..
화살표 함수는 es6 2015에 등장한 함수사용법으로 function 키워드를 사용하지 않고 함수를 만들 수 있다. 그래서 그자체로는 익명함수가 되며 함수표현식을 이용하여 주로 사용한다. ex ) const arrow = ()=>{}; 화살표 함수사용 ()=>{} // 매개변수가 없는경우 x => {} // 매개변수가 한개인 경우 (x,y) =>{} //매개변수가 여럿인 경우 () => console.log("arrow"); //실행문이 한 줄인경우 () =>{ return { property : 1 } }; // 객체반환 ()=>({ property : 1 }); //객체 반환 () =>{ let myName = "hokeys"; return console.log(myName); } 화살표 함수의 렉시..