JavaScript URLSearchParams 사용법: URL 파라미터 읽고 수정하기
이 글에서 정리하는 내용 저는 URL 파라미터가 무엇인지부터 시작해, JavaScript에서 값을 읽고 수정하는 방법, 그리고 퍼블리셔 실무에서 바로 쓸 수 있는 활용 패턴까지 한 흐름으로 정리하겠습니다. 이 글을 끝까지 보면 이벤트 페이지의 탭 유지, 필터 상태 보존, UTM 파라미터 확인, 공유 링크 정리 같은 작업을…
더 읽기자바스크립트
자바스크립트 카테고리에서는 기초 문법부터 DOM 조작, 이벤트, 비동기 처리, 배열과 객체, 함수, ES6+ 문법까지 JavaScript 학습과 실무에 필요한 내용을 정리합니다. 개념 설명과 예제를 함께 다루며, 실제 구현에 바로 적용할 수 있는 방식으로 기록합니다.
JavaScript 배열 메서드: map filter forEach reduce 차이
주요 포인트 한눈에 보기 배열(Array)은 장바구니, 검색 결과, 태그 목록처럼 “화면에 반복 렌더링되는 목록”의 출발점입니다. 이 문서는 배열을 만들고(생성), 원본을 지키고(복사), 필요한 것만 골라 쓰는(메서드) 흐름을 예제로 빠르게 정리합니다. …
더 읽기
JavaScript Date UTC KST 차이: 시간대 변환 기준 잡기
주요 포인트 한눈에 보기 이 글은 프론트엔드 개발자가 반드시 이해해야 하는 UTC와 KST 시간 기준을 개념부터 실무 기준까지 정리합니다. 단순한 시간 차이 설명이 아니라, JavaScript Date 객체의 …
더 읽기
JavaScript reduce 사용법: 배열 누적 계산을 이해하는 기준
주요 포인트 한눈에 보기 JavaScript의 reduce() 함수는 배열을 하나의 값으로 축약하는 기능을 넘어서, 초심자에게는 복잡하게 느껴질 수 있는 데이터 변환을 단계별로 안전하고 예측 가능하게 처리해주는 핵심 도구입니다. 이 글에서는 완전 기초 개…
더 읽기
JavaScript 실행 컨텍스트 기준: 스코프 호이스팅 클로저 연결하기
이 글에서 정리하는 내용 스코프, 렉시컬, 실행 컨텍스트, 호이스팅, 클로저는 자바스크립트를 공부할 때 거의 한 번에 묶여서 나오는 개념입니다. 처음에는 전부 다른 단어처럼 보이지만, 실제로는 자바스크립트가 변수를 어디서 찾는지 정하고, 실행 전에 무엇을 먼저 준비하…
더 읽기
JavaScript 투두리스트 만들기: DOM 조작과 이벤트 처리 익히기
주요 포인트 한눈에 보기 프론트엔드 코딩테스트에서 바닐라 자바스크립트로 투두리스트를 구현했던 경험을 정리합니다. 시험 당시에는 appendChild로 문제를 해결했지만, 이후 DOM 조작을 다시 공부하며 insertAdjacentElement라는 다른 선…
더 읽기