코딩테스트 JS 투 포인터 풀이: 공통 원소 추출하기
주요 포인트 한눈에 보기 이 문제는 두 집합에서 공통으로 존재하는 원소를 찾아 오름차순으로 출력하는 문제입니다. 단순 비교로도 풀 수 있지만, 데이터 크기가 커질 수 있기 때문에 효율적인 방식이 중요합니다. …
더 읽기개발
프로그래밍 카테고리에서는 HTML, CSS, JavaScript, React, Next.js를 비롯한 다양한 개발 지식과 실무 구현 방법을 정리합니다. 기초 문법부터 UI 구현, API 연동, 상태 관리, 성능 최적화, 트러블슈팅까지 실제 작업에 바로 적용할 수 있는 내용을 쉽고 체계적으로 다룹니다.
코딩테스트 JS Map 풀이: 학급 회장 득표수 세기
주요 포인트 한눈에 보기 문자열 형태로 주어진 투표 결과에서 가장 많이 등장한 후보를 찾는 해시(빈도 집계) 문제입니다. 정답 풀이와 내가 작성한 풀이를 비교하여, 왜 출제자는 특정 풀이를 의도했는지를 구조적으로 정리합니다. …
더 읽기
프론트엔드 코딩테스트 준비: 5단계 과제 대비 전략
주요 포인트 한눈에 보기 프론트엔드 코딩테스트는 ‘입출력 파싱’보다 ‘UI를 요구사항대로 구현하는 능력’을 더 자주 봅니다. DOM 조작이벤트 처리, 비동기 통신(fetch), 성능(무한 스크롤/디바운스), 접근성(키보드 조작/ARIA)까지, 실무에서 바로 쓰는 패턴을…
더 읽기
코딩테스트 JS 자료구조 로드맵: 배열, 해시, 스택, 투 포인터 순서
문제 풀이 글을 랜덤으로 보면 왜 이 풀이에서 Map을 쓰고, 다른 풀이에서는 스택이나 포인터를 쓰는지 감이 잘 잡히지 않습니다. JS 코딩테스트는 배열 조작부터 익숙해져야 합니다 JavaScript로 코딩테스트를 준비할 때 첫 단계는 거창한 알고리즘보다 배열을 …
더 읽기
JavaScript 실행 컨텍스트 기준: 스코프 호이스팅 클로저 연결하기
이 글에서 정리하는 내용 스코프, 렉시컬, 실행 컨텍스트, 호이스팅, 클로저는 자바스크립트를 공부할 때 거의 한 번에 묶여서 나오는 개념입니다. 처음에는 전부 다른 단어처럼 보이지만, 실제로는 자바스크립트가 변수를 어디서 찾는지 정하고, 실행 전에 무엇을 먼저 준비하…
더 읽기
JavaScript 투두리스트 만들기: DOM 조작과 이벤트 처리 익히기
주요 포인트 한눈에 보기 프론트엔드 코딩테스트에서 바닐라 자바스크립트로 투두리스트를 구현했던 경험을 정리합니다. 시험 당시에는 appendChild로 문제를 해결했지만, 이후 DOM 조작을 다시 공부하며 insertAdjacentElement라는 다른 선…
더 읽기
TypeScript 6.0 업데이트: 마이그레이션 전 확인할 변화
이 글에서 정리하는 내용 저는 이 글에서 TypeScript 6.0을 처음 접하는 주니어 개발자도 흐름을 따라올 수 있도록, 어려운 용어를 먼저 쉬운 말로 풀고 기존 방식과 비교하면서 설명해보겠습니다. 단순히 무엇이 추가됐는지 나열하는 것이 아니라, 왜 바뀌었는지와 내…
더 읽기
Firebase 초기화 구조: Next.js firebase.ts 설계 기준
주요 포인트 한눈에 보기 이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때 어떤 방식으로 제작되었는지 프로젝트를 분석합니다. 그 중 이번 챕터에서는 firebase.ts 초기화 …
더 읽기
Next.js 보안 패치 기준: v16.2.5 릴리스로 영향 범위 점검하기
Next.js 보안 패치는 버전만 올리고 끝내면 부족합니다 Next.js 보안 패치를 확인할 때는 “최신 버전으로 올리면 된다”에서 멈추지 않고, 내 프로젝트가 어떤 기능을 쓰는지와 릴리스 노트의 advisory가 어디에 해당하는지 함께 봐야 합니다. 이 글은 Next…
더 읽기
Next.js package.json: scripts dependencies 이해
이 글에서 정리하는 내용 Next.js 프로젝트를 처음 열었을 때 많이 보게 되는 scripts, dependencies, devDependencies, next dev/build/start를 초심자 기준으로 한 흐름으로 정리합니다. 용어를 따로 외우기보다 프로젝트가 …
더 읽기