본문 바로가기

JavaScript9

Constructor vs Literal JavaScript에서는 다른 방식으로 동일한 결과를 얻을 수있는 자유가 있습니다. 생성자와 리터럴 접근법을 사용하여 문자열, 숫자, 객체, 배열 등의 값을 만들 수 있습니다. 이러한 접근 방식 중 하나를 사용하여 동일한 값을 얻을 수 있습니다. 그러나 런타임 버그를 피하는 데 유용한 몇 가지 차이점이 여전히 있습니다. 결론부터 말하면 Literal 방식이 Contructor 방법보다 낫습니다. Literal과 contructor 방식이 무엇이냐면 다음과 같습니다. 일반적으로 리터럴과 primitive를 선호하고 내장 생성자를 피해야합니다. literal과 primitive를 선호하는 이유는?? 1. 리터럴은 더 짧고 읽고 쓰기 쉽습니다. let o = new Object(); let o = {}; //.. 2020. 6. 22.
JavaScript 기술을 향상시키는 12 가지 개념 요즘 morioh.com 블로그에서 매우 유용한 글들을 많이 찾아볼 수 있어서 좋습니다. 포스팅을 한번 할 때마다 유용한 지식들이 습득되는 것 같아서 더 좋구요. 이번에는 javascript 기술을 향상시키는 12가지 개념에 대해서 알아보도록 합시다. 자바스크립트는 깊이 들어갈 수록 복잡한 언어입니다. 단순히 자바스크립트 개발자가 된다는 것은 자바스크립트 언어를 집요하게 기본 동작 원리를 알아가는 것이 필수 덕목이라고 생각합니다. 하루빨리 레거시한 코드와 기본 동작 원리를 깨우치지 못한 상태의 코드들을 개선하고 싶습니다. 그리고 jquery의 종말과 함께 바닐라 스크립트로 구성할 수 있는 모든 종류의 앱들을 환영하고 받아들일 준비가 되어 있어야 할 것입니다. 다양한 팁들을 지속적으로 업데이트 하고 있는 .. 2020. 6. 21.
JS 이벤트 루프(callback, setTimeout, queue, 싱글스레드) JS 이벤트 루프에 대한 이해에 30분만 투자하면 완벽하게 이해할 수 있는 영상이 있어 공유드립니다. * 실제로 스크롤 이벤트를 작성하면 스크롤 이벤트는 스크롤 한번 할 때마다 수없이(15 milliseconds당) 이벤트를 일으키기 때문에 수 많은 이벤트들이 콜백 queue에 쌓이게 됩니다. * 핵심은 stack에 불필요한 느린 코드를 쌓아서 이벤트 루프를 막지 말아라 즉, 브라우저가 Rendering하는 과정을 막지 말라는 것입니다. 출처 : https://www.youtube.com/watch?v=8aGhZQkoFbQ&feature=youtu.be 2020. 3. 29.
var, let & const 이해하기 ES6 (also known as ECMAScript 2015) has major changes over JavaScript’s syntax and brings new features that didn’t exist before. → ES6는 (또한 에크마2015로 알려진) 자바스크립트 문법에 있어 큰 변화를 겪고, 이전에 없던 새로운 기능들을 보여줍니다. ES6 is important to learn because one reason is that, it makes JavaScript better and easier to write, and also ES6 is being used together with today’s modern web technologies like React, Node.js an.. 2019. 12. 15.