함께 자라기

개요 이번 포스팅에서는 이터러블 프로토콜에 대해서 정리해 보겠습니다. 이터러블 프로토콜은 자바스크립트 ES6에서 순회와 관련한 핵심적인 개념으로, 이터러블 프로토콜을 중점으로 사고하면서 코드를 작성하면 많은 이점이 있습니다. 이터러블/이터레이터 Array 살펴보기 크롬 개발자 도구에서 콘솔창을 열고 배열 하나를 만들어 보았습니다. 해당 배열의 속성을 열어보면, 많은 항목들 중에 Symbol.iterator가 있는 것을 볼 수 있는데요. Symbol.iterator라는 Key가 가진 값이 함수라고 명시되어 있습니다. 이 함수가 바로 이터러블 프로토콜을 정의하는 친구입니다. 이터러블/이터레이터 프로토콜 이터러블의 정의는 다음과 같습니다. 이터레이터를 리턴하는 [Symbol.iterator]()를 가진 값 앞..

Table Of Contents 왜 나만 없어 TOC 블로그를 티스토리로 이전하고 나서, 마크다운 편집기 빼고 다 좋은데 다른 블로그들이 부러웠던 점은 바로 글 옆에 생기는 소제목 목차였습니다. 많은 분들과 마찬가지로, 작성의 편리함과 비교적 빠른 생산성 때문에 마크다운으로 글을 자주 작성하는 편인데요. 소제목들을 쭉 모아서 만든 글 목차는 휑한 블로그 사이드 바도 채워주고, 지금 사용자가 글의 어디쯤을 읽고 있는지, 얼마나 이 재미없는 글이 많이 남았는지 알려주는 좋은 기능이라 생각했습니다. 클릭하면 해당 위치로 글 이동도 손쉽게 할 수 있구요. 다른 블로그 플랫폼들을 보면, github.io에도 이런게 종종 보이고, velog에도 보이고, 세상 모두가 다 가지고 있는데 티스토리만 없는 겁니다. 찾다보..