Tier 1 Tier 1MediumSkill Path

네이버 키워드 그래프 시각화 실전 프로젝트

네이버 검색 키워드의 연관 관계를 Force-Directed Graph로 시각화하는 풀스택 웹 애플리케이션을 처음부터 구축합니다. TypeScript 타입 설계, Map/Set 자료구조, 그래프 알고리즘(BFS), Next.js API Routes, react-force-graph-2d를 활용한 인터랙티브 UI를 다룹니다.

0(0 리뷰)

6시간

4개 유닛

학습 시작하기

커리큘럼

백엔드 기초: 타입 시스템과 Rate Limiting

2개 레슨

1.1Step 1. 프로젝트 초기화 및 타입 시스템 설계 1.2Step 2. 토큰 버킷 Rate Limiter 구현

데이터 처리 파이프라인

2개 레슨

2.1Step 3. 데이터 수집과 중복 제거 2.2Step 4. 필터링과 그룹 할당

그래프 구조 구축과 API 서버

2개 레슨

3.1Step 5. 링크 생성 알고리즘 3.2Step 6. API Route와 인메모리 캐싱

인터랙티브 프론트엔드 구현

3개 레슨

4.1Step 7. 프론트엔드 기초와 데이터 페칭 4.2Step 8. Top-N 필터링과 그래프 레이아웃 4.3Step 9. BFS 탐색과 인터랙티브 UI