[JS 알고리즘] 정렬된 두 배열 합치기 – 투 포인터 알고리즘(1)
주요 포인트 한눈에 보기 이 문제는 "정렬"이 아니라 "정렬된 두 배열을 빠르게 병합"하는 문제입니다. sort()로 다시 정렬하면 결과는 맞아도 코딩 테스트에서는 감점 또는 오답이 될 수 있습니다. …
더 읽기 →BlogFlow | 블로그
프론트엔드 개발과 IT 기술을 중심으로 실무 경험과 학습을 기록합니다.
[프론트엔드 코딩테스트 대비] 5단계 과제 준비
주요 포인트 한눈에 보기 프론트엔드 코딩테스트는 ‘입출력 파싱’보다 ‘UI를 요구사항대로 구현하는 능력’을 더 자주 봅니다. DOM 조작, 이벤트 처리, 비동기 통신(fetch), 성능(무한 스크롤/디바운스), 접근성(키보드 조작/ARIA)까지, 실무에서…
더 읽기 →
[JavaScript] 배열(Array) – 무조건 이해되는 자바스크립트
주요 포인트 한눈에 보기 배열(Array)은 장바구니, 검색 결과, 태그 목록처럼 “화면에 반복 렌더링되는 목록”의 출발점입니다. 이 문서는 배열을 만들고(생성), 원본을 지키고(복사), 필요한 것만 골라 쓰는(메서드) 흐름을 예제로 빠르게 정리합니다. …
더 읽기 →
프론트엔드 SEO 최적화 방법과 성능 개선 정리
주요 포인트 한눈에 보기 프론트엔드 성능 최적화는 사용자 경험(UX)과 SEO에 영향을 줍니다. 다만 “점수만 올리기”보다 측정 → 원인 파악 → 우선순위 → 개선 → 재측정 루프를 굴리는 것이 핵심입니다. Core Web Vitals는 LCP(로딩 체감…
더 읽기 →
2026년을 위한 2025 AI 총정리: 프론트엔드 개발자 관점
주요 포인트 한눈에 보기 2025년은 ‘AI가 코드를 대신 써준다’의 해가 아니었습니다. 대신 개발 루프 자체가 바뀐 해였습니다. 초안(UI)은 더 빨라졌고, 이슈 단위 작업은 PR 중심으로 자동화되기 시작했습니다. 대신 검증(테스트·리뷰·보안)은 더 중…
더 읽기 →
[JavaScript] reduce – 무조건 이해되는 자바스크립트
주요 포인트 한눈에 보기 JavaScript의 reduce() 함수는 배열을 하나의 값으로 축약하는 기능을 넘어서, 초심자에게는 복잡하게 느껴질 수 있는 데이터 변환을 단계별로 안전하고 예측 가능하게 처리해주는 핵심 도구입니다. 이 글에서는 완전 기초 개…
더 읽기 →
[TypeScript] infer – 무조건 이해되는 타입스크립트
이번 학습을 통하여 이 문서는 TypeScript의 조건부 타입과 infer를 처음 접하는 분도 쉽게 이해할 수 있도록 다시 정리한 학습용 버전입니다. 복잡한 타입을 자동으로 추출하거나 배열과 함수·API 타입을 분석하는 방법을 단계별로 배울 수 있게 구…
더 읽기 →
React·Next.js에서 Axios를 제대로 쓰는 법
주요 포인트 한눈에 보기 Axios는 단순히 HTTP 요청을 보내는 도구가 아니라, 프론트엔드 개발자가 복잡한 비동기 통신을 체계적으로 관리할 수 있게 돕는 강력한 라이브러리입니다. 자동 JSON 변환, 요청/응답 인터셉터, 공통 설정 관…
더 읽기 →
React 렌더링 성능을 높이는 Next.js 최적화 방법
주요 포인트 한눈에 보기 React의 렌더링 성능은 사용자 경험(UX)과 검색 엔진 최적화(SEO)에 결정적인 영향을 미칩니다. Next.js는 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG) 등 강력한 기능을 통해 React의 성능을 극대화하는 프레임워크입니…
더 읽기 →
최신 프론트엔드 라이브러리 트렌드와 기술 선택법
주요 포인트 한눈에 보기 2025년 프론트엔드 개발은 React, Vue와 같은 주요 라이브러리의 지속적인 발전과 Svelte, Qwik 등 신흥 기술의 등장으로 더욱 역동적으로 변하고 있습니다. AI 융합, 서버리스 아키텍처, 컴파일러 기반 프레임워크가 핵심 트렌드로…
더 읽기 →