BlogFlow | 블로그

프론트엔드 개발과 IT 기술을 중심으로 실무 경험과 학습을 기록합니다.

주요 포인트 한눈에 보기 연속 부분수열의 합이 특정 값 M이 되는 경우의 수를 구하는 문제는, 입력 크기가 커질수록 시간 복잡도 차이가 그대로 결과로 이어집니다. 본문에서는 비교 목적의 O(n²) 접근을 먼저 점검한 뒤, 자연수 배열에서 투 포인터(슬라이…

주요 포인트 한눈에 보기 이 문제는 두 집합에서 공통으로 존재하는 원소를 찾아 오름차순으로 출력하는 문제입니다. 단순 비교로도 풀 수 있지만, 데이터 크기가 커질 수 있기 때문에 효율적인 방식이 중요합니다. …

주요 포인트 한눈에 보기 이 문제는 "정렬"이 아니라 "정렬된 두 배열을 빠르게 병합"하는 문제입니다. sort()로 다시 정렬하면 결과는 맞아도 코딩 테스트에서는 감점 또는 오답이 될 수 있습니다. …

주요 포인트 한눈에 보기 프론트엔드 코딩테스트는 ‘입출력 파싱’보다 ‘UI를 요구사항대로 구현하는 능력’을 더 자주 봅니다. DOM 조작, 이벤트 처리, 비동기 통신(fetch), 성능(무한 스크롤/디바운스), 접근성(키보드 조작/ARIA)까지, 실무에서…

주요 포인트 한눈에 보기 배열(Array)은 장바구니, 검색 결과, 태그 목록처럼 “화면에 반복 렌더링되는 목록”의 출발점입니다. 이 문서는 배열을 만들고(생성), 원본을 지키고(복사), 필요한 것만 골라 쓰는(메서드) 흐름을 예제로 빠르게 정리합니다. …

주요 포인트 한눈에 보기 프론트엔드 성능 최적화는 사용자 경험(UX)과 SEO에 영향을 줍니다. 다만 “점수만 올리기”보다 측정 → 원인 파악 → 우선순위 → 개선 → 재측정 루프를 굴리는 것이 핵심입니다. Core Web Vitals는 LCP(로딩 체감…

주요 포인트 한눈에 보기 2025년은 ‘AI가 코드를 대신 써준다’의 해가 아니었습니다. 대신 개발 루프 자체가 바뀐 해였습니다. 초안(UI)은 더 빨라졌고, 이슈 단위 작업은 PR 중심으로 자동화되기 시작했습니다. 대신 검증(테스트·리뷰·보안)은 더 중…

주요 포인트 한눈에 보기 JavaScript의 reduce() 함수는 배열을 하나의 값으로 축약하는 기능을 넘어서, 초심자에게는 복잡하게 느껴질 수 있는 데이터 변환을 단계별로 안전하고 예측 가능하게 처리해주는 핵심 도구입니다. 이 글에서는 완전 기초 개…

이번 학습을 통하여 이 문서는 TypeScript의 조건부 타입과 infer를 처음 접하는 분도 쉽게 이해할 수 있도록 다시 정리한 학습용 버전입니다. 복잡한 타입을 자동으로 추출하거나 배열과 함수·API 타입을 분석하는 방법을 단계별로 배울 수 있게 구…

주요 포인트 한눈에 보기 Axios는 단순히 HTTP 요청을 보내는 도구가 아니라, 프론트엔드 개발자가 복잡한 비동기 통신을 체계적으로 관리할 수 있게 돕는 강력한 라이브러리입니다. 자동 JSON 변환, 요청/응답 인터셉터, 공통 설정 관…