코딩테스트 JS Map 풀이: 학급 회장 득표수 세기
주요 포인트 한눈에 보기 문자열 형태로 주어진 투표 결과에서 가장 많이 등장한 후보를 찾는 해시(빈도 집계) 문제입니다. 정답 풀이와 내가 작성한 풀이를 비교하여, 왜 출제자는 특정 풀이를 의도했는지를 구조적으로 정리합니다. …
더 읽기BlogFlow | React·Next.js·프론트엔드 기술 블로그
프론트엔드 개발 오류 해결과 실무 가이드
프론트엔드 코딩테스트 준비: 5단계 과제 대비 전략
주요 포인트 한눈에 보기 프론트엔드 코딩테스트는 ‘입출력 파싱’보다 ‘UI를 요구사항대로 구현하는 능력’을 더 자주 봅니다. DOM 조작이벤트 처리, 비동기 통신(fetch), 성능(무한 스크롤/디바운스), 접근성(키보드 조작/ARIA)까지, 실무에서 바로 쓰는 패턴을…
더 읽기
코딩테스트 JS 자료구조 로드맵: 배열, 해시, 스택, 투 포인터 순서
문제 풀이 글을 랜덤으로 보면 왜 이 풀이에서 Map을 쓰고, 다른 풀이에서는 스택이나 포인터를 쓰는지 감이 잘 잡히지 않습니다. JS 코딩테스트는 배열 조작부터 익숙해져야 합니다 JavaScript로 코딩테스트를 준비할 때 첫 단계는 거창한 알고리즘보다 배열을 …
더 읽기
JavaScript 실행 컨텍스트 기준: 스코프 호이스팅 클로저 연결하기
이 글에서 정리하는 내용 스코프, 렉시컬, 실행 컨텍스트, 호이스팅, 클로저는 자바스크립트를 공부할 때 거의 한 번에 묶여서 나오는 개념입니다. 처음에는 전부 다른 단어처럼 보이지만, 실제로는 자바스크립트가 변수를 어디서 찾는지 정하고, 실행 전에 무엇을 먼저 준비하…
더 읽기
프론트엔드 이력서 작성법: 합격률 높이는 프로젝트 구성
핵심 요약 이 글은 치열한 채용 시장에서 도움이 될 수 있는 이력서 작성 요령, 포트폴리오 전략, 면접 대비법, 그리고 일부 비전공자 사례 등을 중심으로 핵심 내용을 다룹니다. 프론트엔드 개발자의 역할 및 필수 역량 프론트엔드 이력서 작성 핵심 항목 및 실전 요령 …
더 읽기
2026 IT 트렌드: Agentic AI부터 보안 기술까지
핵심 요약 2026년 IT 트렌드는 “더 적게 입력하고(인증)”, “더 많이 자동으로 처리하고(AI)”, “더 똑똑하게 비용을 통제하며(클라우드 운영)”, “다가올 보안 변화를 미리 준비하고(양자·PQC)”, …
더 읽기
JavaScript 투두리스트 만들기: DOM 조작과 이벤트 처리 익히기
주요 포인트 한눈에 보기 프론트엔드 코딩테스트에서 바닐라 자바스크립트로 투두리스트를 구현했던 경험을 정리합니다. 시험 당시에는 appendChild로 문제를 해결했지만, 이후 DOM 조작을 다시 공부하며 insertAdjacentElement라는 다른 선…
더 읽기
TypeScript 6.0 업데이트: 마이그레이션 전 확인할 변화
이 글에서 정리하는 내용 저는 이 글에서 TypeScript 6.0을 처음 접하는 주니어 개발자도 흐름을 따라올 수 있도록, 어려운 용어를 먼저 쉬운 말로 풀고 기존 방식과 비교하면서 설명해보겠습니다. 단순히 무엇이 추가됐는지 나열하는 것이 아니라, 왜 바뀌었는지와 내…
더 읽기
React 라이브러리 조합 가이드: Zustand·TanStack Query·shadcn/ui 선택 기준
React 라이브러리 조합 선택 핵심 요약 이 글은 React, Vue, Svelte 중 무엇을 고르는 비교 글이 아닙니다. React를 이미 선택한 프로젝트에서 Zustand, TanStack Query, shadcn/ui, Radix UI, React Hook Fo…
더 읽기
프론트엔드 AI 트렌드: 2026년 전 확인할 개발 흐름
주요 포인트 한눈에 보기 2025년은 ‘AI가 코드를 대신 써준다’의 해가 아니었습니다. 대신 개발 루프 자체가 바뀐 해였습니다. 초안(UI)은 더 빨라졌고이슈 단위 작업은 PR 중심으로 자동화되기 시작했습니다. 대신 검증(테스트·리뷰·보안)은 더 중요해졌습니다. 20…
더 읽기