커링과 팩토리 함수, JS 프론트엔드 개발 활용법
1. 커링(Currying)의 실제 활용
커링은 여러 인자를 받는 함수를 하나의 인자를 받는 함수들의 체인으로 변환하는 기법입니다. 코드 재사용성과 지연 실행(lazy evaluation)을 가능하게 합니다.
활용 1: 공통 파라미터 고정을 통한 API 클라이언트 생성
// 일반적인 fetch 함수
function request(baseUrl, path, query) {
const params = new URLSearchParams(query).to ...
6월 28일 19:11에 게시됨
프론트엔드 개발 요약
최근 몇 달 동안 프론트엔드 개발에 집중했지만 여전히 학습 곡線이峻峭합니다. 이 기회를 통해 얻은 지식과 시행착오를 나누고자 합니다. 이 기고문에서는 JavaScript, jQuery, AJAX 및 CSS와 관련된 핵심 주제를 탐구합니다.
우선, AJAX에 대해 알아보겠습니다. AJAX는 웹페이지를 다시 로드하지 않고도 서버와 데이터를 교환할 수 있는 기술입니다. 아래 예제에서는 사 ...
6월 23일 17:14에 게시됨
LogicFlow 5분 안에 익히기: 플로우차트 프레임워크 설정 가이드
LogicFlow는 비즈니스 맞춤형 플로우차트 편집에 특화된 프레임워크로, 마인드맵, ER 다이어그램, UML, 워크플로우 등 다양한 다이어그램 편집 시나리오를 지원합니다. 이 라이브러리는 플로우차트 상호작용 및 편집에 필요한 핵심 기능과 함께 간단하고 유연한 노드 커스터마이징, 플러그인 확장 메커니즘을 제공합니다.
프로젝트 아키텍처
LogicFlow는 모듈식 설계를 채 ...
6월 17일 23:49에 게시됨
Ramda로 불변적으로 배열 다루기
이 글은 함수형 프로그래밍 시리즈 'Thinking in Ramda'의 일곱 번째 편입니다. 지난 Part 6에서는 객체를 함수적이고 불변적인 방식으로 다루는 방법을 살펴보았습니다. 이번에는 배열을 동일한 원칙으로 다루는 방법을 알아보겠습니다.
배열 요소 읽기
Part 6에서 객체 속성 읽기를 위한 prop, pick, has 등의 Ramda 함수를 배웠습니다. 배열에는 이에 대응하는 더 많 ...
6월 8일 04:04에 게시됨
layui 이미지 업로드 기능 구현 방법
최신 버전의 layui를 사용해야 합니다. 초기 설정 시 여러 문제점에 직면했으며, 해결 과정을 공유합니다.
layui.js와 layui.all.js의 차이점을 인지하지 못해 발생한 오류는 다음과 같습니다. upload.render 메서드가 존재하지 않는 경우, layui.all.js를 사용해야 하지만 파일 업로드 기능이 동작하지 않는 문제가 발생했습니다. 이는 브라우저 캐시나 경로 설정 문제 ...
5월 24일 03:47에 게시됨