민자의 지식창고

export와 import 지시자는 다양한 방식으로 활용됩니다. 선언부 앞에 export 붙이기 : 변수나 함수, 클래스를 선언할 때 맨 앞에 export를 붙이면 내보내기가 가능합니다. 클래스나 함수를 내보낼 때 세미콜론을 붙이지 마세요. export function sayHi(user){ alert(`Hello, ${user}~`}; } // 끝에 세미콜론(;)을 붙이지 않습니다 선언부와 떨어진 곳에 export 붙이기 import 어떤것을 구체적으로 명시하는 게 더 좋을 수 있습니다. 1. 웹팩(webpack) 같이 모던 빌드 툴들은 로딩 속도를 높이기 위해 모듈들을 한데 모으는 번들링과 최적화를 수행합니다. 이 과정에서 사용하지 않는 리소스가 삭제됩니다. 빌드 툴은 실제 사용되는 함수가 무엇인지 ..

2020/08/21 - [개발자 놀이터/Javascript] - ES5와 ES6 ES5와 ES6 새로운 Front-End면담을 해보니 부족한 부분에 대해서 다시 정리하는 기회를 가져 보겠습니다. 개념도 잘 이해 못하면서 열심히 코딩만 했던것 같습니다. 그러한 반성의 자세를 갖고 다음에 대해�� laheepapa.tistory.com ES7 제곱 연산자 추가 Math.pow(5,3) 5**3 배열 .inclulde(찾을 요소, 시작 순서) [1,2,3].include(1) indexOf와 비슷해 보입니다. 왜 추가 되었을까? NaN에 대한 처리가 다릅니다. indexOf는 Nan을 못찾지만, include는 찾을 수 있습니다. ES8 Object object.values(객체)에 대응되는 메소드. 객체의 ..

ES6부터 추가된 for ...in과 for ... of의 차이를 알아 보겠습니다. 둘다 기본적으로 반복문 입니다. 하나는 객체를 탐색하고, 나머지 하나는 배열 요소를 탐색 합니다. for ..in(객체 순환) : object key를 순회하기 위한 반복문 let obj ={ a:1, b:2, c:3 }; for (let item in obj){ console.log(item) } // 이놈을 for of를 쓰면 obj is not iterable 로 에러가 나옵니다 object의 property으로 만들어 둔 함수까지 함께 순회 할수 있기에 for .. in은 object의 key를 순회하기 위해 불가피하게 사용하는것이 아니라면 사용하지 않는것이 좋습니다. for .. of(배열순환) let arr =..