코딩아지트
강의왜 코딩아지트로드맵마이페이지
코딩아지트

웹퍼블리셔와 개발자를 위한 실무 중심
동영상 강의 플랫폼

디코드랩 담당자 | 대표 : 최성일

사업자등록번호 : 784-07-03123 | 통신판매업신고번호 : 2025-서울송파-3071호

주소 : (05835) 서울 송파구 정의로7길 13 14F(문정동, 힐스테이트에코송파)

개인정보관리책임자 : 최성일 | 전자우편 : hadaboni80@naver.com

서비스전체 강의
약관 및 정책이용약관개인정보처리방침환불규정
계정로그인마이페이지

© 2026 코딩아지트. All rights reserved.

Learning Analysis

강의만 듣고 끝나지 않습니다

수강하는 동안 당신의 학습이 데이터로 분석되고, 다음 단계까지 관리됩니다. 8년차 실무자가 직접 설계한 분석표로요. 아래는 실제로 받게 되는 화면입니다.

Dashboard

학습 현황을 한눈에

진도율, 학습 시간, 강의별 완료율, 연속 학습까지 자동으로 정리됩니다.

총 학습시간18시간누적
완료 레슨90전체 100개 중
연속 학습0일오늘부터 시작하세요
구매 강의2평생 소장

전체 진도율

완료/전체 레슨
90%90/100 레슨

강의별 완료율

%
퍼블리셔를 위한 React
90%
GSAP 인터랙티브 모션
35%
💡 학습 통찰

전체 진도율 90%. 꾸준히 진행 중입니다.

총 90개 레슨을 완료했으며, 연속 학습 0일째입니다.

※ 'Andy'님의 예시 데이터입니다.

Report

여러 각도로 깊이 있게 분석합니다

성향 → 강점 → 보완점 → 질문 분석 → 다음 로드맵까지, 당신의 맥락에 맞는 분석을 받습니다.

01 · PATTERN

학습 성향 분석

당신이 어떤 유형의 학습자인지, 데이터로 읽어냅니다.

체계적 완주형 학습자

Andy님은 약 73일간 90강을 완료하며 하루 평균 1.2강이라는 매우 안정적인 페이스를 유지했습니다. 이는 INTJ 성향답게 장기 목표를 설정하고 꾸준히 실행하는 계획형 학습 패턴을 보여줍니다.

학습 흐름 분석

  • 1Ch0~Ch1(기초/JSX/컴포넌트): 빠르게 통과 — HTML/CSS 실무 경험이 뒷받침된 결과입니다
  • 2Ch2(라우팅): 적정 속도로 진행 — 동적 라우팅에서 잠시 고민했으나 반복 학습으로 해결
  • 3Ch3(Tailwind): 가장 많은 시간 투자 — 49강 분량의 방대한 챕터를 끈기 있게 완주했습니다
  • 4Ch4(Hooks): 현재 90% 진행 중 — useState, useEffect까지 도달. useCallback 관련 심화 질문을 남길 정도로 깊이 있게 학습 중
02 · STRENGTHS

강점 포인트

잘하고 있는 것을 구체적으로 짚어, 자신감의 근거를 줍니다.

1. CSS/레이아웃 기반이 탄탄합니다

반응형 레이아웃 경험과 Tailwind 49강 완주가 증명하듯, 스타일링 역량은 이미 실무 수준에 근접해 있습니다. 챕터 설문에서 Ch3 난이도를 4/5로 체감하면서도 이해도 3/5를 유지한 것은, 어려운 내용도 포기하지 않고 소화해낸다는 뜻입니다.

2. 핵심을 꿰뚫는 질문력

질문이 모두 "왜 이렇게 하는가"에 초점이 맞춰져 있습니다. setCount(count+1) vs setCount(prev => prev+1)의 차이를 묻는 수준의 질문은, 표면적 사용법을 넘어 동작 원리를 이해하려는 엔지니어링 사고를 보여줍니다.

3. 자기주도적 문제 해결

막힐 때 AI를 적극 활용하고, 설문에서도 "반복하니 감이 왔다"고 표현한 점에서 외부 리소스와 반복 학습을 조합하는 효율적인 문제 해결 전략을 갖추고 있습니다.

4. 꾸준한 학습 습관

하루 1~2시간, 73일 연속 학습. 퇴근 후 시간을 꾸준히 투자하는 것은 의지력 이상으로 학습을 루틴화한 결과입니다.

기술 스택 자가평가설문 응답 기준 · 0~4점
응답 상세
HTML/CSS반응형 레이아웃 가능
Lv 3
JavaScriptDOM 조작 가능
Lv 2
React강의로 본 적만 있음
Lv 1
코딩 경력1~3년
Lv 3
프로젝트 경험개인 프로젝트 1~2개
Lv 2
03 · IMPROVE

보완 추천

어디서 막히는지와 해결 방법을 함께 제시합니다.

1. 개념 → 구현 전환력 강화

"개념은 이해되는데 직접 못 짜겠음"이라고 응답하셨습니다. 이는 입력(영상 시청)과 출력(코드 작성) 사이의 간극입니다. 해결 방법은 단순합니다 — 빈 파일에서 시작하는 연습을 늘리세요.

  • 1강의 영상을 보고 난 뒤, 코드를 보지 않고 같은 결과물을 처음부터 만들어보기
  • 2막히는 지점을 메모해두고, 그 부분만 영상을 다시 확인
  • 3같은 UI를 다른 방식으로 구현해보기 (예: map 대신 reduce로 리스트 렌더링)

2. Hooks 심화 이해

useEffect 의존성 배열과 useCallback 질문에서 보듯, Hooks의 클로저/메모이제이션 개념이 아직 완전히 체화되지 않았습니다. 대부분의 학습자가 겪는 정상적인 과정이니 걱정하지 마세요.

  • 1React 공식 문서의 useEffect 가이드를 정독하기 — 특히 "반응형 값(reactive values)" 섹션
  • 2useCallback은 자식에 함수를 props로 넘길 때만 필요. 모든 함수에 감쌀 필요 없음
챕터별 이해도 / 난이도중간 설문 기준 · 1~5점
04 · QUESTIONS

질문 분석 & 추천 강의

남긴 질문을 분석해, 약한 부분의 강의를 다시 짚어드립니다.

질문이 집중된 주제

주제질문 수
Hooks 상태·사이드이펙트 (useState/useEffect)5건
비동기 데이터 페칭2건
컴포넌트 구조·props 전달1건

무엇이 부족한가

질문의 약 60%가 Hooks의 상태 관리와 사이드이펙트에 몰려 있습니다. 클로저와 렌더링 흐름에 대한 이해가 아직 자리잡지 않았다는 신호입니다. 반대로 레이아웃·컴포넌트 구조 질문은 거의 없어, 그 영역은 안정적입니다.

이 강의를 다시 보세요

  • 1Ch4-3 · useEffect 의존성 배열 완전 정복 — 질문이 가장 많았던 지점, 다시 보기 권장
  • 2Ch4-5 · useCallback과 메모이제이션 — useCallback 사용 시점 헷갈림 해소
  • 3Ch4-2 · 상태 끌어올리기(lifting state up) — 상태 흐름 복습
05 · ROADMAP

맞춤 로드맵

다음 몇 주에 무엇을 할지, 주차별 경로로 제시합니다.

루트 A — 실무 취업 최단 경로

  • 11~2주차: 남은 Ch4 Hook 10강 완강 + 미니 프로젝트(To-Do 앱을 CRUD로 확장)
  • 23~4주차: Next.js App Router 학습 — 서버 컴포넌트, 데이터 페칭, 라우팅
  • 35~8주차: 포트폴리오 프로젝트 개발 — 마케팅 대시보드 or 콘텐츠 관리 시스템
  • 49~12주차: TypeScript 기초 + 프로젝트에 TS 적용 + 이력서/포트폴리오 사이트 완성
  • 513~16주차: 면접 준비 — CS 기초, React 동작 원리, 코딩 테스트

루트 B — 풀스택 확장 경로

  • 11~4주차: Ch4 완강 + Next.js App Router 심화
  • 25~8주차: Supabase(PostgreSQL + Auth) 연동 — 서버리스 백엔드 경험
  • 39~12주차: 풀스택 프로젝트 (인증 + CRUD + 결제 연동)
  • 413~20주차: 배포(Vercel) + 모니터링 + 성능 최적화
  • 521~24주차: 포트폴리오 정리 + 이직 준비

How it works

이렇게 만들어집니다

Step 1

수강

학습하면 진도·시간·완료율이 자동으로 기록됩니다.

Step 2

과제 · 설문 · 질문

실습 과제, 챕터 설문, 질문 내역까지 — 이해도와 막힌 지점이 데이터로 쌓입니다.

Step 3

분석표 발행

데이터를 종합해 당신만을 위한 리포트를 받습니다.

내 분석표는 어떻게 나올까요?

각 강의의 초반 5강은 무료입니다. 먼저 수강을 시작하면, 당신만의 분석표가 쌓이기 시작합니다.

무료 미리보기로 시작하기학습 로드맵 보기