TechBridge

📊 내 학습 현황

Unknown님의 전체 학습 진도를 확인합니다.

🎨 프론트엔드 개발

⚛️ React 완전정복 - 퍼블리셔에서 숙련자로 입문
36%
완료 27 / 전체 75 콘텐츠
세션 📄 문서 💻 실습 🎯 퀴즈 점수
React가 뭔가? 왜 jQuery 대신 React인가? ✅ 완료 - 미시작 ✅ 완료 100점
HTML 파일에 React 올리기 (CDN, Babel) ✅ 완료 ✅ 완료 ✅ 완료 100점
모던 JavaScript 핵심만 (ES6+) - 미시작 - 미시작 ✅ 완료 80점
JSX란 무엇인가 - HTML인듯 HTML아닌 JSX - 미시작 - 미시작 - 미시작 -
함수 컴포넌트 - 함수가 HTML을 반환한다 ✅ 완료 - 미시작 ✅ 완료 100점
Props - 컴포넌트에 데이터 전달하기 ✅ 완료 ⏳ 진행중 ✅ 완료 80점
컴포넌트 합성 - 레고처럼 조립하기 - 미시작 - 미시작 - 미시작 -
조건부 렌더링 - if로 화면 분기하기 - 미시작 - 미시작 - 미시작 -
리스트 렌더링 - 배열을 화면으로 ✅ 완료 ⏳ 진행중 ✅ 완료 80점
useState - 변하는 데이터 관리 ✅ 완료 - 미시작 - 미시작 -
이벤트 핸들링 - onClick, onChange 마스터 ✅ 완료 ⏳ 진행중 ✅ 완료 80점
폼 다루기 - controlled component ✅ 완료 ✅ 완료 - 미시작 -
useEffect - 컴포넌트 생명주기 이해 ✅ 완료 ⏳ 진행중 ✅ 완료 100점
데이터 fetch - API 호출과 로딩/에러 처리 ✅ 완료 ⏳ 진행중 ✅ 완료 80점
커스텀 훅 만들기 - 로직 재사용 ✅ 완료 ⏳ 진행중 ✅ 완료 100점
Context API - 전역 상태 관리 입문 - 미시작 - 미시작 - 미시작 -
컴포넌트 분리 전략 - 언제 쪼갤까? - 미시작 - 미시작 - 미시작 -
스타일링 전략 - 인라인, 클래스 조건부 ✅ 완료 ⏳ 진행중 ✅ 완료 80점
성능 최적화 기초 (useMemo, useCallback, React.memo) - 미시작 - 미시작 - 미시작 -
useReducer - 복잡한 상태 관리 - 미시작 - 미시작 - 미시작 -
ref와 DOM 직접 접근 (useRef) - 미시작 - 미시작 - 미시작 -
고차 컴포넌트(HOC) 패턴 - 미시작 - 미시작 - 미시작 -
Render Props 패턴 - 미시작 - 미시작 - 미시작 -
에러 바운더리 - 미시작 - 미시작 - 미시작 -
실전 프로젝트 - CI4 View에 완성형 React 컴포넌트 통합 ✅ 완료 ⏳ 진행중 ✅ 완료 100점
⚡ Next.js 완전정복 — React 개발자의 풀스택 도약 중급
0%
완료 0 / 전체 90 콘텐츠
세션 📄 문서 💻 실습 🎯 퀴즈 점수
Next.js란? React와 무엇이 다른가 — SSR·SSG·ISR 패러다임 완전 이해 - 미시작 - 미시작 - 미시작 -
프로젝트 생성 & 구조 완전 해부 — App Router vs Pages Router - 미시작 - 미시작 - 미시작 -
파일 기반 라우팅 — 폴더 구조가 URL이 된다 - 미시작 - 미시작 - 미시작 -
Layout & Template — 공통 레이아웃 시스템 마스터 - 미시작 - 미시작 - 미시작 -
Link & Navigation — next/link, useRouter, redirect 완전 정복 - 미시작 - 미시작 - 미시작 -
Server Component vs Client Component — 경계 이해가 전부다 - 미시작 - 미시작 - 미시작 -
Server Actions — 서버에서 실행되는 함수, form 없이 API 없이 - 미시작 - 미시작 - 미시작 -
데이터 페칭 기초 — fetch API, 캐싱 전략, 재검증 - 미시작 - 미시작 - 미시작 -
loading.tsx & Suspense — 로딩 UI 자동화 - 미시작 - 미시작 - 미시작 -
error.tsx & not-found.tsx — 에러 처리 시스템 구축 - 미시작 - 미시작 - 미시작 -
Route Handlers — API Routes 만들기 (GET·POST·PUT·DELETE) - 미시작 - 미시작 - 미시작 -
Parallel Routes & Intercepting Routes — 모달 UI 구현 - 미시작 - 미시작 - 미시작 -
Static Generation(SSG) — generateStaticParams 완전 정복 - 미시작 - 미시작 - 미시작 -
Server Side Rendering(SSR) — 요청마다 새로운 데이터 - 미시작 - 미시작 - 미시작 -
Incremental Static Regeneration(ISR) — 정적의 속도 + 동적의 신선함 - 미시작 - 미시작 - 미시작 -
Middleware — 요청 가로채기, 인증 게이트, A/B 테스트 - 미시작 - 미시작 - 미시작 -
Cookie & Session 관리 — 서버/클라이언트 양쪽에서 - 미시작 - 미시작 - 미시작 -
환경변수 & 보안 — NEXT_PUBLIC_ 규칙과 시크릿 관리 - 미시작 - 미시작 - 미시작 -
Tailwind CSS 통합 — Next.js 공식 스타일 솔루션 실전 - 미시작 - 미시작 - 미시작 -
next/image — 이미지 자동 최적화, WebP 변환, lazy loading - 미시작 - 미시작 - 미시작 -
next/font — 폰트 최적화, FOUT 제거, 커스텀 폰트 - 미시작 - 미시작 - 미시작 -
Metadata API — SEO 완전 정복, OG 이미지 자동 생성 - 미시작 - 미시작 - 미시작 -
성능 최적화 — Bundle 분석, Dynamic Import, 코드 스플리팅 - 미시작 - 미시작 - 미시작 -
국제화(i18n) — 다국어 사이트 구축 - 미시작 - 미시작 - 미시작 -
인증(Auth) 구현 — NextAuth.js v5로 소셜 로그인부터 JWT까지 - 미시작 - 미시작 - 미시작 -
데이터베이스 연동 — Prisma + PostgreSQL 완전 통합 - 미시작 - 미시작 - 미시작 -
CI4 백엔드 연동 — PHP API → Next.js 프론트엔드 통합 - 미시작 - 미시작 - 미시작 -
테스트 — Jest + React Testing Library + Playwright E2E - 미시작 - 미시작 - 미시작 -
Vercel 배포 & 도메인 연결 — 프로덕션 운영 가이드 - 미시작 - 미시작 - 미시작 -
실전 프로젝트 — Next.js + CI4 풀스택 앱 완성 - 미시작 - 미시작 - 미시작 -

🐘 백엔드 & 데이터베이스

🐘 PostgreSQL 완전정복 — MySQL 개발자를 위한 완벽 가이드 중급
0%
완료 0 / 전체 150 콘텐츠
세션 📄 문서 💻 실습 🎯 퀴즈 점수
PostgreSQL 세계관 — MySQL 개발자를 위한 패러다임 전환 - 미시작 - 미시작 - 미시작 -
Docker로 환경 구축 — docker-compose + pgAdmin 4 완전 세팅 - 미시작 - 미시작 - 미시작 -
설정 파일 완전 해부 — postgresql.conf · pg_hba.conf - 미시작 - 미시작 - 미시작 -
psql CLI 완전 정복 — 터미널에서 모든 것을 다루다 - 미시작 - 미시작 - 미시작 -
롤(Role) & 권한 시스템 — MySQL User와 다른 PostgreSQL의 권한 철학 - 미시작 - 미시작 - 미시작 -
DB · Schema · Tablespace — MySQL에 없는 3계층 구조 완전 이해 - 미시작 - 미시작 - 미시작 -
고유 데이터 타입 총정리 — JSONB · Array · UUID · ENUM · NUMERIC · tstzrange - 미시작 - 미시작 - 미시작 -
CI4 + PostgreSQL 연결 — MyModel 패턴 그대로 PostgreSQL로 전환하기 - 미시작 - 미시작 - 미시작 -
CREATE TABLE 심화 — CHECK · EXCLUDE · GENERATED 컬럼 · DEFAULT 전략 - 미시작 - 미시작 - 미시작 -
PK 전략 대전 — serial vs BIGSERIAL vs UUID vs ULID vs IDENTITY - 미시작 - 미시작 - 미시작 -
ALTER TABLE 무중단 전략 — 운영 중 컬럼 추가·삭제·타입 변경 - 미시작 - 미시작 - 미시작 -
시퀀스(Sequence) 마스터 — 직접 제어하고 재사용하고 공유하는 법 - 미시작 - 미시작 - 미시작 -
뷰 & Materialized View — 쿼리를 자산화, 언제 무엇을 쓸 것인가 - 미시작 - 미시작 - 미시작 -
파티셔닝 기초 — Range · List · Hash 파티션 - 미시작 - 미시작 - 미시작 -
파티셔닝 심화 — 운영 환경 파티션 추가·삭제·이동 실전 - 미시작 - 미시작 - 미시작 -
외래키 전략 & 테이블 상속 — CASCADE 옵션 전략 - 미시작 - 미시작 - 미시작 -
B-Tree 인덱스 완전 이해 — 동작원리부터 실전 설계까지 - 미시작 - 미시작 - 미시작 -
GIN · GiST · BRIN · Hash — 언제 어떤 인덱스를 선택할 것인가 - 미시작 - 미시작 - 미시작 -
복합 인덱스 & Covering Index — 컬럼 순서가 성능을 결정한다 - 미시작 - 미시작 - 미시작 -
부분 인덱스 & 표현식 인덱스 — 조건부 인덱스로 크기는 줄이고 속도는 높이고 - 미시작 - 미시작 - 미시작 -
EXPLAIN & EXPLAIN ANALYZE — 실행계획 완전 해석 - 미시작 - 미시작 - 미시작 -
통계 & 데이터 분포 분석 — 인덱스가 무용지물 되는 순간과 해결책 - 미시작 - 미시작 - 미시작 -
슬로우 쿼리 탐지 — pg_stat_statements · auto_explain 실전 - 미시작 - 미시작 - 미시작 -
REINDEX CONCURRENTLY — 운영 중 무중단 인덱스 재구성 전략 - 미시작 - 미시작 - 미시작 -
Window Function 완전 정복 — ROW_NUMBER · RANK · LAG · LEAD · PARTITION BY - 미시작 - 미시작 - 미시작 -
CTE(WITH) & 재귀 쿼리 — 트리 구조 조회 · 점진적 집계 - 미시작 - 미시작 - 미시작 -
JOIN 완전 정복 — LATERAL · CROSS JOIN LATERAL · 성능 비교 - 미시작 - 미시작 - 미시작 -
JSONB 쿼리 심화 — 연산자 총정리 · GIN 인덱싱 · CI4에서 다루기 - 미시작 - 미시작 - 미시작 -
Array 타입 실전 — 배열 조회·수정·인덱싱 · ANY/ALL 활용 - 미시작 - 미시작 - 미시작 -
Full-Text Search — tsvector · tsquery · 한국어 형태소 · 랭킹 - 미시작 - 미시작 - 미시작 -
트랜잭션 격리 수준 & MVCC — PostgreSQL이 동시성을 지키는 방법 - 미시작 - 미시작 - 미시작 -
PL/pgSQL 저장 프로시저 & 함수 — 선언·제어흐름·예외처리 · CI4에서 호출하기 - 미시작 - 미시작 - 미시작 -
트리거(Trigger) 완전 정복 — BEFORE/AFTER · 감사 로그 자동화 실전 - 미시작 - 미시작 - 미시작 -
VACUUM & AUTOVACUUM — 테이블 부풀음(Bloat) 원인 · 자동청소 튜닝 - 미시작 - 미시작 - 미시작 -
백업 & 복구 전략 — pg_dump · pg_basebackup · PITR 시나리오 - 미시작 - 미시작 - 미시작 -
Streaming Replication 구축 — Docker로 Primary–Replica 실습 - 미시작 - 미시작 - 미시작 -
Logical Replication — Publication · Subscription · 선택적 복제 - 미시작 - 미시작 - 미시작 -
PgBouncer Connection Pooling — 연결 폭발 방지 · Transaction mode 설정 - 미시작 - 미시작 - 미시작 -
모니터링 완전 가이드 — pg_stat_* 뷰 총정리 · 대시보드 읽는 법 - 미시작 - 미시작 - 미시작 -
Row Level Security (RLS) — 행 단위 보안 · 멀티테넌트 설계 - 미시작 - 미시작 - 미시작 -
성능 튜닝 실전 — 메모리·체크포인트·병렬쿼리 설정 최적화 - 미시작 - 미시작 - 미시작 -
CI4 마이그레이션으로 DDL 관리 — PostgreSQL 특화 타입 마이그레이션 작성법 - 미시작 - 미시작 - 미시작 -
PostgreSQL 특화 기능 × CI4 — JSONB · Array · Window를 쿼리빌더로 - 미시작 - 미시작 - 미시작 -
트랜잭션 & 잠금 완전 정복 — CI4에서 Savepoint · FOR UPDATE · NOWAIT - 미시작 - 미시작 - 미시작 -
MyModel 패턴 PostgreSQL 확장 — 기존 패턴 100% 유지하며 PG 기능 추가 - 미시작 - 미시작 - 미시작 -
풀스택 CRUD API 실전 — CI4 + PostgreSQL로 REST API 완성 - 미시작 - 미시작 - 미시작 -
벡터 임베딩 세계관 & pgvector 설치 — 임베딩이란 무엇인가 - 미시작 - 미시작 - 미시작 -
임베딩 저장 & 유사도 검색 — L2 · Cosine · Inner Product 비교 - 미시작 - 미시작 - 미시작 -
IVFFlat & HNSW 인덱스 — 수백만 벡터에서 ms 검색 - 미시작 - 미시작 - 미시작 -
RAG 파이프라인 완성 — 문서 청킹 → 임베딩 → PG 저장 → 유사도 검색 → LLM 연동 → CI4 API - 미시작 - 미시작 - 미시작 -

🐳 DevOps & 인프라

Docker & Harbor 완전정복 — n8n으로 배우는 컨테이너 실전 운영 중급
0%
완료 0 / 전체 60 콘텐츠
세션 📄 문서 💻 실습 🎯 퀴즈 점수
Docker가 뭔데? — VM vs Container, 왜 쓰는가 - 미시작 - 미시작 - 미시작 -
Docker 설치 & 핵심 명령어 완전 정복 - 미시작 - 미시작 - 미시작 -
Dockerfile 작성법 — 나만의 이미지 만들기 - 미시작 - 미시작 - 미시작 -
볼륨 & 네트워크 — 데이터는 어떻게 살아남나 - 미시작 - 미시작 - 미시작 -
Docker Compose 완전 분해 — yml 파일 해부학 - 미시작 - 미시작 - 미시작 -
n8n을 Docker Compose로 띄우기 — 실전 입문 - 미시작 - 미시작 - 미시작 -
환경변수 & .env 파일 — 시크릿 안전하게 관리 - 미시작 - 미시작 - 미시작 -
Named Volume vs Bind Mount — 데이터 영속성 완전 정복 - 미시작 - 미시작 - 미시작 -
n8n 프로덕션 설치 — PostgreSQL 연동 완전 가이드 - 미시작 - 미시작 - 미시작 -
백업 전략 — 업데이트 전 반드시 해야 할 것들 - 미시작 - 미시작 - 미시작 -
안전한 버전 업그레이드 — 단계별 업데이트 SOP - 미시작 - 미시작 - 미시작 -
롤백 — 5분 안에 이전 버전으로 되돌리기 - 미시작 - 미시작 - 미시작 -
헬스체크 & 자동 재시작 — 24/7 무중단 운영 - 미시작 - 미시작 - 미시작 -
Harbor란? — 왜 내부 레지스트리가 필요한가 - 미시작 - 미시작 - 미시작 -
Harbor 설치 완전 가이드 — Docker Compose로 5분 만에 - 미시작 - 미시작 - 미시작 -
이미지 Push/Pull & 태깅 전략 — 버전 관리 완전 정복 - 미시작 - 미시작 - 미시작 -
Harbor 프로젝트 관리 & 접근 제어 - 미시작 - 미시작 - 미시작 -
n8n 이미지를 Harbor에 저장 — 영구 안전 보관소 구축 - 미시작 - 미시작 - 미시작 -
배포 자동화 SOP — 표준 운영 절차서 완성 - 미시작 - 미시작 - 미시작 -
최종 실전: 두려움 없는 인프라 완성 - 미시작 - 미시작 - 미시작 -