프론트엔드 학습부터 실무 문제 해결까지, 필요한 글을 기술 영역별로 찾을 수 있도록 정리한 BlogFlow의 기술 허브입니다. 처음 공부하는 분은 기초 순서대로, 실무자는 현재 문제와 가까운 주제부터 확인해 보세요.
프론트엔드 핵심
JavaScript와 TypeScript의 언어 기초부터 React, Next.js의 구조와 실무 적용까지 이어집니다.
- 웹 퍼블리싱 — HTML·CSS·접근성·레이아웃
- Tailwind CSS — 설정, 스타일링, 오류 해결
- React — 컴포넌트, 상태, 렌더링
- Next.js — App Router, 데이터 패칭, SEO, 배포
상태 관리와 데이터
서버 상태와 클라이언트 상태를 구분하고, 프로젝트 규모에 맞는 도구를 선택하는 데 필요한 글을 모았습니다.
- TanStack Query — 서버 상태, 캐시, 쿼리 설계
- Zustand — 가벼운 전역 상태 관리
- Firebase — 인증, Firestore, 배포
- Supabase — 데이터베이스, 인증, 백엔드 연동
개발 도구와 환경
로컬 개발 환경부터 협업, 배포, AI 코딩 도구까지 실제 작업 흐름에 필요한 내용을 정리합니다.
CS와 코딩테스트
프론트엔드 개발을 오래 이어가기 위해 필요한 컴퓨터과학 기초와 문제 해결 원리를 다룹니다.
앱 개발
Expo를 중심으로 React 기반 모바일 앱 개발과 배포 과정을 정리합니다.
각 카테고리의 초급·중급·고급 표시는 글을 고르는 보조 기준입니다. 먼저 해결하려는 문제와 가까운 기술 카테고리를 선택한 뒤 난이도를 확인하는 방식을 권합니다.