SG의 개발 공부로그

일반적으로 자주 쓰는 for 반복문 for (let i = 0; i < 10; i++){ console.log(i); // 0~9까지 출력 } 하지만 이번글은 ES6 에 나온 새로운 반복문 for of 와 for in 문을 알아볼거다. 차이점 for in 과 for of는 반복이 가능한 객체의 모든 원소를 하나씩 추출하여 변수에 담아 반복문을 수행하는 문법. 이둘은 반복하는 대상에 차이점이 있다. for in 반복 대상 Iterable object이면 모두 반복할 수 있는 대상이 됩니다. for of 반복 대상 Iterable object이지만, prototype chain에 의한 Iterable은 반복 대상에서 제외됩니다. 그리고 변수의 값이 다르다 for in 변수 값 arr 배열의 각 원소를 임시 ..

var 의 문제점 var 는 선언방식에서 큰 단점을 가지고 있다. var name = 'seon geon' console.log(name) // seon geon var name = 'hong gil dong' console.log(name) // hong gil dong 변수를 한 번, 그 이상 여러번 선언을 해도 에러가 나지 않고 적용이 된다. 코드량이 많아지면 복잡해져서 어디서 어덯게 쓰였는지 파악하기가 힘들고 원치 않게 값이 바껴버릴 수가 있다. 이 문제를 보완하기 위해 ES6 이후에 나온 선언방식이 let 과 const 다 위에 코드를 선언방식만 바꿔서 실행하면 let name = 'seon geon' console.log(name) // seon geon let name = 'hong gil ..

웹팩(webpack) 이란 무엇인가? 웹 사이트를 개발하다 보면 JS, CSS, IMG 등 많은 리소스 파일들이 생기는데, 파일이 많아질수록 서버와의 접속이 많고 로딩이 느려지게 된다. 자바스크립트를 모듈화해서 사용하더라도 같은 스코프를 공유하기 때문에 변수 충돌이 일어날 수가 있다. 그리고 라이브러리 순서에따라 로딩 속도에도 차이가 생기거나 시간, 공간 복잡도에 따른 문제도 생길 수 있다. 그래서 등장한 게 번들러 (Bundler) 그 중에 가장 인기가 많은 웹팩 (webpack) 웹팩 공식 사이트 사진. 앱을 구성하는 수많은 자원들을 하나로 병합, 압축해주는 것이 모듈 번들링이라고 한다. 번들러의 장점. 여러 파일의 자바스크립트 코드를 압축하여 최적화할 수 있기 때문에 로딩에 대한 네트워크 비용을 줄..