위챗 미니프로그램 페이지 간 데이터 전달 방법
문제 상황
프로젝트 개발 중 A 페이지에서 B 페이지로 "HTTP 링크"를 전달해야 하는 요구사항이 있었습니다. 전달된 링크 문자열에 "?", "=", "&"와 같은 특수 문자가 포함되어 있었고, 이로 인해 페이지가 전환된 후 B 페이지에서는 "?" 문자 앞의 문자열만 받을 수 있었으며, 뒤의 문자열은 전달되지 않는 문제가 발생했습니다.
원인 분석
이 문제는 전달된 파라미터에 ...
7월 21일 05:28에 게시됨
자바스크립트 배열 완전 정리
배열 생성 방법
자바스크립트에서 배열은 Array 생성자 함수나 간편한 대괄호 표기법을 통해 생성할 수 있습니다.
1. Array 생성자 사용
인자 없음 : 빈 배열 생성
const list = new Array();
숫자 인자 하나 : 배열의 길이 지정 (모든 요소는 undefined)
const list = new Array(3);
// 결과: [empty × 3]
여러 인자 : 초기 요소를 직접 전달하여 배열 생성
con ...
7월 14일 16:14에 게시됨
Codeforces Round 987 (Div. 2) 문제 해설
A번 문제: 최소 변경 횟수
이 문제는 비내림차순 수열로 만들기 위해 필요한 최소 변경 횟수를 구하는 문제입니다. 주어진 수열이 비내림차순이 아니므로, 가장 많은 원소를 그대로 유지할 수 있는 경우를 찾아야 합니다.
비내림차순 수열에서 가장 많이 유지할 수 있는 원소들은 동일한 값의 연속된 부분입니다. 따라서 가장 긴 동일한 값의 연속 부분의 길이를 찾으면 ...
7월 10일 22:00에 게시됨
커링과 팩토리 함수, 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에 게시됨