Web

CSRF(Cross Site Request Forgery)

CSRF는 '사이트간 요청 위조'를 의미한다. 웹사이트의 취약점을 이용하여 사용자가 의도하지 않은 요청을 보내게끔 하는 공격이다.

Read
JavaScript

객체 모델(DOM, BOM)

자바스크립트는 큰 틀에서 보면 DOM, BOM, 그리고 Core로 분류된다고 한다. 참고로 Core는 문법, 라이브러리 등을 의미한다는 점 정도로만 알아두고, 객체 모델인 DOM과 BOM에 대해 다뤄본다.

Read
JavaScript

JavaScript의 전역 객체

자바스크립트의 전역 객체는 모든 객체의 최상위 객체를 의미한다. 브라우저 환경에서는 window, 노드 환경에서는 global이 전역 객체이다.

Read
JavaScript

HTMLCollection vs NodeList

DOM을 조작할 때 접하게 되는 유사배열들이다. Live하냐 Static하냐의 차이가 중요한데, 이를 인지하고 있지 못하면 언젠간 버그를 마주칠 수밖에 없겠다.

Read
JavaScript

JavaScript의 for 반복문들

자바스크립트의 for 관련 반복문은 다른 언어에 비해 가짓수가 많아보인다. 한번 정리하고, 더 헷갈리지 말도록 하자. for, for in, for of, 그리고 성격은 약간 다르지만 forEach에 대해 알아본다.

Read

Memory Hierarchy

CPU가 메모리에 더 빨리 접근하기 위해 메모리를 여러가지 종류로 나누어둠을 의미한다. 레지스터 > 캐시 메모리 > 메인메모리 > 보조기억장치 순으로 빠르다.

Read
JavaScript

Throttling과 Debouncing

연이어 발생하는 이벤트에 의해 무의미한 리소스 낭비가 일어나지 않게끔 방지하는 기법들이다. 쓰로틀링은 특정 텀을 두고 주기적으로만 콜백함수를 실행하는 방법으로 scroll 이벤트에 많이 쓰이고, 디바운싱은 연이은 호출을 이른바 하나로 퉁치는 방법으로 ajax 통신에 많이 쓰인다.

Read
JavaScript

이벤트 전파와 위임

이론적으로만 알고 있었던 개념인데 실전에서 드디어 만나게 되어 반가운 마음에 이벤트 전파(버블링, 캡쳐링), 그리고 그를 이용한 위임에 대해 정리해보기로 했다.

Read