프론트엔드3 728x90 javascript #디자인패턴 - 콜백 패턴(callback pattern) 콜백 패턴(callback pattern) 콜백 함수의 대표적인 사용처는 이벤트 핸들러이지만, 일반적인 자바스크립트 처리 로직 중에서도 이러한 콜백 패턴을 이용해서 해당 함수의 호출이 끝나고 난 뒤에 처리할 수 있도록 활용할 수 있습니다. 비동기 처리가 많은 자바스크립트에서 다양하게 응용할 수 있습니다. 특히 하나의 공통 라이브러리를 이용할 때 콜백 함수를 넘겨주는 것은 라이브러리의 확장성을 높입니다. 적용예시 ajax() 함수를 공통으로 사용하기 위해 콜백 패턴이 사용되었습니다. 이 함수는 XMLHttpRequest가 빈번하게 일어나기 때문에 이를 효율적으로 호출하려고 정의되었습니다. 예시와 같이 XMLHttpRequest의 순서가 보장되어야 할 때가 콜백 함수를 활용하기 가장 좋은 예입니다. 특히 많.. 2021. 2. 13. javascript #디자인패턴 - Self-invoking constructor 패턴 Self-invoking constructor 패턴 자바스크립트에서는 new 키워드를 생략하더라도 생성자 함수를 일반 함수인 것처럼 호출하고 실행하므로 오류는 발생하지 않고 오동작만 하게 됩니다. 이러한 경우는 작은 오타라서 소스가 많아지면 오류 찾기가 힘듭니다. Self-invoking constructor 패턴은 이러한 실수를 고려하여 생성자를 그냥 함수로 호출할 때 스스로 new를 붙여서 호출하는 패턴입니다. ECMAScript 6에서 class 키워드가 별도로 나오면서 function 기반으로 객체지향을 개발하는 상황은 점점 줄어들고 있지만, 아직 ECMAScript 6의 class 키워드를 모든 브라우저가 100% 지원하지는 않고 있습니다. 따라서 function으로 객체지향을 구현할 때 방어적.. 2021. 2. 13. 2021년 #프론트엔드 언어 트랜드 분석 (with Google Trends) javascript 기본기를 공부하다가 문득 프론트엔드 트랜드가 어떻게 될까? 궁금해졌습니다. 트랜드가 궁금할 땐 구글 트랜드다! 싶어 저만의 기준으로 검색해보았습니다. 트랜드 검색일자 : 2021.01.24 전 세계 + 지난 5년 Google Trends 비교 - react, angular, vue react 인기가 급상승하여 2017~2018년에 angular를 잡고 2020년엔 vue까지 잡았네요. 아시아권에서 인기가 많습니다. angular 안정적으로 유지되고 있으나 인기가 좋아지는 양상은 아닙니다. vue 엄청난 인기를 누리다가 2020년에 인기가 급감되었음을 확인할 수 있습니다. jquery react, angular, vue 만 비교하려다 재미삼아 jquery도 넣어보았습니다. 프론트언어가 .. 2021. 1. 24. 이전 1 다음
