자바스크립트
UTC와 KST 차이 정리 + JavaScript Date
주요 포인트 한눈에 보기
이 글은 프론트엔드 개발자가 반드시 이해해야 하는 UTC와 KST 시간 기준을 개념부터 실무 기준까지 정리합니다.
단순한 시간 차이 설명이 아니라, JavaScript Date 객체의 내부 동작 방식과 서버·DB·브라우저 간 시간 기준이 왜 어긋나는지 흐름 중심으로 설명합니… 더 읽기
[JS 코딩테스트] 투두리스트 만들기 (To Do List – insertAdjacentElement)
주요 포인트 한눈에 보기
프론트엔드 코딩테스트에서 바닐라 자바스크립트로 투두리스트를 구현했던 경험을 정리합니다. 시험 당시에는 appendChild로 문제를 해결했지만, 이후 DOM 조작을 다시 공부하며 insertAdjacentElement라는 다른 선택지를 알게 되었고, 같은 문제를 두 가지 방식으로 다시 풀어보며 느낀 차이를 기록합니다.… 더 읽기
[JavaScript] 배열(Array) – 무조건 이해되는 자바스크립트
주요 포인트 한눈에 보기
배열(Array)은 장바구니, 검색 결과, 태그 목록처럼 “화면에 반복 렌더링되는 목록”의 출발점입니다. 이 문서는 배열을 만들고(생성), 원본을 지키고(복사), 필요한 것만 골라 쓰는(메서드) 흐름을 예제로 빠르게 정리합니다. reduce()는 활용 패턴이 많아 별도 글로 분리했으니, 아래 링크 섹션을 참고해 주세요… 더 읽기
[JavaScript] reduce – 무조건 이해되는 자바스크립트
주요 포인트 한눈에 보기
JavaScript의 reduce() 함수는 배열을 하나의 값으로 축약하는 기능을 넘어서, 초심자에게는 복잡하게 느껴질 수 있는 데이터 변환을 단계별로 안전하고 예측 가능하게 처리해주는 핵심 도구입니다. 이 글에서는 완전 기초 개념부터 "왜 이렇게 동작하는지", "어떤 상황에서 reduce를 써야 하는지", "map/… 더 읽기

![[JS 코딩테스트] 투두리스트 만들기 (To Do List - insertAdjacentElement) 2 ChatGPT Image 2025년 12월 31일 오전 10 46 53 1](https://blogflow.kr/wp-content/uploads/2025/12/ChatGPT-Image-2025년-12월-31일-오전-10_46_53-1-300x200.png)
![[JavaScript] 배열(Array) – 무조건 이해되는 자바스크립트 3 341b42f1 fb1a 4e2d 8eef 976a4a525369 12](https://blogflow.kr/wp-content/uploads/2025/12/341b42f1-fb1a-4e2d-8eef-976a4a525369-12-300x171.png)
![[JavaScript] reduce – 무조건 이해되는 자바스크립트 4 e95b9cc5 f7ed 4169 a8dd b531755cb11b 39](https://blogflow.kr/wp-content/uploads/2025/12/e95b9cc5-f7ed-4169-a8dd-b531755cb11b-39-300x171.png)