자바스크립트 언어와 생태계 정리.
2026년 9월 9일
안녕하세요. 자바파커입니다. 정렬 알고리즘의 시간복잡도는 다들 외웁니다. 버블은 , 퀵은 . 그런데 이게 실제로 얼마나 차이 나는지는 잘 와닿지 않습니다. 숫자로 보면 이렇습니다. 원소 수 버블 퀵 배수 32 496 160 3배 1,000 499,500 9,965 50배 10,000 49,995,000 132,877 376배 1,000,000 499,…
2026년 9월 7일
안녕하세요. 자바파커입니다. 불꽃놀이를 Canvas로 그리는 예제는 많습니다. 대부분 몇십 줄이면 동작합니다. 그런데 막상 만들어 보면 불꽃처럼 보이지 않습니다. 점이 사방으로 흩어지는 애니메이션일 뿐 폭죽으로 안 읽힙니다. 46초짜리 불꽃축제 영상을 코드로만 만들면서 그 간극을 좁혀 봤습니다. 카메라도, 소재 영상도, 배경음악도 쓰지 않았습니다. 결론부…
2026년 8월 31일
안녕하세요. 자바파커입니다. 다익스트라 알고리즘은 최단 경로를 정확하게 찾습니다. 다만 목적지가 오른쪽 위에 있어도 시작점 주변을 모든 방향으로 넓게 확인합니다. A*는 여기에 질문 하나를 더합니다. 지금까지 싸게 왔고, 목적지에도 가까운 후보는 어디일까? 이번 예제에서 두 알고리즘이 찾은 경로 비용은 모두 22입니다. 하지만 확정한 칸은 다익스트라 16…
2026년 8월 29일
안녕하세요. 자바파커입니다. 지도에서 목적지 방향으로 곧게 뻗은 길을 골랐습니다. 눈으로는 가 장 가까워 보이지만 도로별 이동 시간을 더하니 19분입니다. 옆으로 돌아간 경로는 10분밖에 걸리지 않습니다. 왜 이런 차이가 생길까요? 최단 경로는 선의 길이가 아니라, 지나온 간선 가중치의 합으로 결정됩니다. 노드가 거리 순서대로 확정되고 마지막에 최단 경로가…
2026년 8월 24일
안녕하세요, 자바파커입니다. 출력 순서를 맞춰 보세요. 답은 입니다. 가 인데 맨 뒤로 갑니다. 결론부터 말씀드리면 — 자바스크립트는 한 번에 하나만 합니다. 그리고 기다리는 줄이 하나가 아닙니다. 이 두 문장이 위 순서를 전부 설명합니다. 가 큐에 앉아 순서를 기다리는 장면을 눈으로 보고 싶으시면 47초 영상으로도 정리했습니다. 토큰 넷이 코드에서 …
2026년 4월 6일
안녕하세요, 자바파커입니다. "분명 로컬에서는 잘 되는데, 개발서버에 올리니까 에러가 나요." 저도 최근에 정확히 이 상황을 겪었습니다. 로컬(localhost)에서는 멀쩡하게 동작하던 코드가 내부 IP로 접속하는 개발서버에서만 터지는 거죠. 원인은 단순합니다 — Secure Context 때문입니다. 결론부터 말씀드리면 — HTTP 환경에서는 브라우저…
2026년 4월 4일
HTTP 응답 코드 완전 정리 — 개발자가 반드시 알아야 할 상태 코드 가이드 안녕하세요, 자바파커입니다. "API에서 에러가 났는데 500만 던지고 있습니다. 어떤 코드를 써야 하나요?" 솔직히 개발 초반에는 200(성공)과 500(에러), 이 두 개만 쓰는 경우가 많습니다. 하지만 적절한 상태 코드를 사용하면 프론트엔드가 에러를 자동으로 처리할 수 있…
2023년 11월 9일
안녕하세요, 자바파커입니다. "관리자 페이지에서 엑셀 다운로드 좀 붙여주세요." "고객사에서 엑셀 업로드로 일괄 등록하고 싶다는데요…" 프론트엔드 개발을 오래 하신 분이라면 이 문장은 거의 분기별로 한 번씩 듣게 됩니다. 서버에서 CSV로 내려주면 한글이 깨지고, POI로 만들면 배포 부담이 커지고 — 결국 다시 브라우저에서 직접 엑셀을 만들자는 결론에 …