민자의 지식창고

새로운 Front-End면담을 해보니 부족한 부분에 대해서 다시 정리하는 기회를 가져 보겠습니다. 개념도 잘 이해 못하면서 열심히 코딩만 했던것 같습니다. 그러한 반성의 자세를 갖고 다음에 대해서 알아보겠습니다, ES5와 ES6의 차이점 블록범위 Arrow 문법 비공개 필드 클래스 상속 var에서 let, const 전 블로그에서 잠깐 언급했던 내용입니다. var는 funtion()단위에서 사용하고, let과 const는 block 범위에서 사용하게 됩니다. javascript의 범위는 scope 개념이 Funtion 단위 이기 때문에 혼란을 줍니다. if 조건문의 block과는 상관없이 외부에서도 접근이 가능합니다. var keyword의 장점은 어디서든지 호이스팅이 되기 때문에 var 로 생성 안하고..

기존 Webpack의 내용을 정리했으나, 정확히 개념이 잡히지 않아서 다시 정리 해보았습니다. 2020/07/21 - [개발자 놀이터/Javascript] - Webpack Webpack Web front-end Build Tool 인 webpack Webpack javascript 애플리케이션을 위한 Package Bundler이고, 종속성을 가진 어플리케이션 모듈을 정적 소스들로 생산합니다. package bundler 란? 종속성을 가진 애플리.. laheepapa.tistory.com Webpack 필요한 이유는? 규모가 있는 프로젝트에서 여러 javascript 파일을 하나로 관리하기에 어려움이 있습니다. 그렇다면, 여러개로 호출 할까 하면 여러개 파일을 브라우저에서 하나씩 로딩하는 비용(네트워..

var, let, const 차이 알아보기 아무의미없이 var형태 선언으로 변수를 사용 하였는데 이제는 let, const 위주로 사용하기를 추천하며, 실제 사용해야야겠습니다. 변수를 재 할당하는 일은 드믈기때문에, const를 최대한 이용하며, 나중에 필요하다면 let 으로 변경 해주도록 합시다 var는 funtion-scpoed , let, const는 block-scoped 입니다. var는 여러번 다중 선언이 가능하다. 선언을 해도 에러가 나오지 않고, 각기 다른 값을 출력하게 된다. ES6 이후, 이를 보완하기 위한 변수는 let,const 이다. var test =`var test입니다` var test =`var test 하나더 입니다` // Ok let test = `let 테스트입니다` ..