goormTIL

HTML 태그와 input의 text, tel

HTML 시맨틱 태그와 CSS 선택자

CSS 단위 및 box-sizing

CSS Transition, Transform, Flex

CSS Grid와 Bootstrap

Git & GitHub

Git과 branch

JavaScript DOM과 변수

JavaScript의 스코프, 객체, classList, 얕은/깊은 복사

JavaScript 반복문과 ES6 문법

JavaScript 동기/비동기, Promise

JavaScript fetch와 localStorage

JavaScript WebAPIs

JavaScript Class

JavaScript Map과 Set

JavaScript 이벤트와 타이머

JavaScript 이벤트 루프

JavaScript 컬렉션, 이벤트 위임, 옵셔널 체이닝

React 시작

React JSX, props

React State

React 렌더링 과정

React styled-components

React useState, useEffect, useRef

React useContext, React.memo, useMemo, useCallback

React Router DOM

React Router DOM

React Redux

React Redux

React Redux Toolkit

알고리즘 기초

알고리즘 기초

자료구조 연결리스트

배열, 스택, 큐 알고리즘

정렬 알고리즘

트리 알고리즘

그래프 알고리즘

해시 알고리즘

웹 비동기 프로그래밍

json-server

axios

axios, Supabase

Supabase Auth

Supabase

Throttling · Debouncing · Auth

Git 협업

TanStack Query

TanStack Query 생명 주기 및 주요 옵션

TanStack Query 낙관적 업데이트, 무한 스크롤

Zustand

Tailwind CSS

TypeScript

TypeSrcipt 타입 추론, interface, 타입 별칭

TypeScript 제네릭, 유틸리티 타입

TypeScript 타입 단언, 타입 좁히기, 투두리스트 실습

Next.js

Next.js 서버/클라이언트 컴포넌트, 페이지 전환 방식과 렌더링 전략(CSR/SSR/SSG/ISR)

Next.js 렌더링 실습, Hydration, App 예약어 파일

Next.js Streaming, Suspense, Error Handling, Asset 최적화

Next.js Router Handler, Server Action

Next.js Caching

Next.js Parallel Routes, Intercepting Routes

React Hook Form, Zod

Middleware, NextRequest/NextResponse, Auth, Cookie

Next.js Tanstack Query, Zustand

Shadcn/ui, Next js Supabase

Supabase 타입 생성과 Next.js 번들 최적화