JavaScript 썸네일형 리스트형 [Angular]ng-template와 ng-container ng-template 템플릿이란 이름에서 알 수 있듯이, ng-template이란 Angular에서 이미 지정해놓은 내용을 뜻한다. ng-template는 Angular에서 ngIf, ngFor, ngSwitch(Structure Directive)가 있을 때만 작동을 한다. 어떤 조건에 의해서 ng-template이라는 Element가 DOM에 렌더링된다는 것이다. 그래서 Structure Directive가 없으면 ng-template의 내용은 View에 렌더링 되지 않는다. (주석처리된다.) Hi I'm ng-template content 위와 반대로 [ngIf]를 사용한다면 렌더링되는것을 확인할 수 있다. template contentes 하지만 Angular에서는 위처럼 사용하는 것을 권장하지 .. 더보기 [JavaScript] XMLHttpRequest 란 XMLHttpRequest 란 무엇인가? 우리가 서버와 통신을 하기 위해서는 AJAX를 이용해서 정보를 받아옵니다. 이 AJAX의 대표적인 API가 몇가지 있습니다. 대표적으로는 XMLHttpRequest, fetch API , jQuery 라이브러리의 ajax, axios 가 있는데, 그 중에서 가장 모체가 되는 XHLHttpRequest 에 대해서 알아보도록 하겠습니다. XHLHttpRequest 특징 서두에서 XMLHttpRequest은 AJAX 통신을 하기 위한 API라고 하였는데요, 이 XMLHttpRequest가 있기 전에는 form을 이용해서 정보를 요청하고 응답받은 데이터와 함께 페이지를 다시 불러와야하는 비효율적인 면이 있었다고 합니다. 이러한 점을 보완하기 위해서 첫 AJAX API 로.. 더보기 [JavaScript] 콜백함수 기본개념 쉽게 이해하기 콜백함수는 자바스크립트에서 중요한 개념 중 하나입니다. 하지만 필자는 이 개념에 대해 이해하는데 꽤 오랜시간이 걸렸습니다. 많이 찾아보았지만 쉽게 원리나 이해가 머리에 서지 않았습니다. 이해가 어느 정도 된 후에는 좀 더 쉽게 이해할 수 있도록 노력하여 써보자고 생각하였습니다. 개인적으로는, 콜백이라고 정의된 이 명칭 역시 와닿지 않아서 애를 먹었는데요, 이 명칭이 대략 무엇을 의미하는지 알아보면서 글을 시작하겠습니다. [callback function 콜백함수 정의 살펴보기] call 호출하다. + back 되돌아오다. 의 합성어로 "호출해달라"로 생각하시면 접근하기 쉬우시지 않을까 생각합니다. 좀 더 구체적인 의미를 아래에서 살펴보도록 하시죠. MDN의 정의를 살펴보겠습니다. "A callback f.. 더보기 이전 1 다음
