FE/JavaScript
[JS] 재귀를 이용하여 Tree UI 구현하기
Tree UI Tree UI는 화면을 구성할 때 재귀를 사용하는 가장 대표적인 예시이다. 만들고자 하는 간단한 HTML DOM 구조 (예: 음료 -> 콜드브루 -> 나이트로 콜드브루) 음료 콜드브루 나이트로 콜드 브루 돌체 콜드 브루 제주 비자림 콜드 브루 콜드 브루 메뉴 데이터 (길어서 생략) 더보기 const menu = [ { type: 'group', name: '음료', children: [ { type: 'group', name: '콜드 브루', children: [ { type: 'item', name: '나이트로 콜드 브루' }, { type: 'item', name: '돌체 콜드 브루' }, { type: 'item', name: '제주 비자림 콜드 브루' }, { type: 'item'..
FE/JavaScript
[JS] 비동기 흐름 : 배열 메서드 구현해보기 (Underbar) - 중
rest parameter를 자유자재로 사용하고, _.shffule에서 immutable 개념을 복습해본다. 구현해볼 배열 메서드 함수 커스텀 메서드 : once, delay 배열 내장 메서드 : includes, every, some 객체 커스텀 메서드 : extends, defaults 배열 커스텀 메서드 : zip, zipStrict, intersection, difference, shuffle 함수 커스텀 메서드 'use strict'; /** * FUNCTIONS * ========= * 클로저의 특징을 활용해 다양한 형태의 함수를 구현할 수 있다. * 이를 활용하여 기존 함수가 여러 번 실행되면 결과가 변동되는 함수를, * 한 번 리턴된 값만 리턴하게 하는 함수(_.once)와 * 기존 함수가..
⬆︎
