#프레임워크
129 편의 글
Starlight로 매뉴얼 만들기 #1 설치부터 첫 문서까지
Astro의 Starlight로 팀 문서, 제품 매뉴얼 사이트의 뼈대를 세웁니다. Node.js 준비부터 create astro로 사이트를 생성하고, 개발 서버로 첫 문서를 띄우는 데까지 한 번에 진행하겠습니다.
Hugo로 매뉴얼 만들기 #1 설치부터 첫 문서까지
Hugo와 Hextra 테마로 팀 문서, 제품 매뉴얼 사이트의 뼈대를 세웁니다. Hugo Extended와 Go 설치부터 새 사이트 생성, 테마 연결, 로컬 서버로 첫 문서를 띄우는 데까지 한 번에 진행하겠습니다.
Next.js로 쇼핑몰 만들기 #4 체크아웃과 결제 시뮬레이션
Server Actions 로 주문을 생성하고, 가짜 결제 게이트웨이로 성공/실패를 시뮬레이션합니다. useActionState 와 useFormStatus 로 폼 상태를 다루는 실전 패턴까지 정리합니다.
Next.js로 쇼핑몰 만들기 #3 장바구니
Client Context 와 localStorage 로 장바구니 상태를 관리합니다. 새로고침해도 유지되는 영속 카트, 수량 변경, 합계 계산, hydration 안전 패턴까지 정리합니다.
Next.js로 쇼핑몰 만들기 #2 상품 카탈로그
Server Component로 상품 목록과 상세 페이지를 만들고, searchParams 로 카테고리 필터를 붙입니다. next/image, generateStaticParams, notFound 까지 한 번에 정리합니다.
Next.js로 쇼핑몰 만들기 #1 시작과 설계
Next.js App Router로 쇼핑몰을 처음부터 만듭니다. 첫 글은 요구사항, 기술 결정, 라우트 구조, 상품 데이터 모델, 프로젝트 셋업까지 정리합니다.
앵귤러 실전 강좌 #6 테스트와 배포 — 트랙 마무리
실전 강좌의 마지막 글입니다. 만든 대시보드에 테스트를 채우고, Docker로 묶어 Cloudflare Pages에 배포한 뒤, GitHub Actions로 CI/CD까지 한 사이클 돌립니다. 그리고 앵귤러 트랙 27편을 한 곳에서 회고합니다.
장고 실전 #6 테스트와 배포 — Docker, gunicorn, nginx
APITestCase / APIClient / pytest-django / factory_boy로 통합 테스트, 그리고 Docker 멀티스테이지 + gunicorn + nginx + docker-compose로 프로덕션 배포까지 정리합니다.
앵귤러 실전 강좌 #5 차트와 데이터 테이블
대시보드의 핵심은 결국 시각화입니다. Angular Material의 MatTable로 정렬,페이지네이션,검색을 갖춘 데이터 테이블을 만들고, ng2-charts로 매출,카테고리 차트를 그려서 우리 대시보드를 진짜 “보이는” 화면으로 만들어 봅니다.
장고 실전 #5 OpenAPI 문서 — drf-spectacular
drf-spectacular로 DRF API의 OpenAPI 3.x 스키마/Swagger UI/ReDoc을 자동 생성하고, 데코레이터로 응답,에러,인증을 정밀하게 명세합니다.
앵귤러 실전 강좌 #4 상태 관리 — SignalStore로 정리
앞 글에서 ProductService에 직접 끼워넣었던 시그널 상태를, 이번 글에서는 @ngrx/signals의 SignalStore로 옮겨 정리합니다. withState/withComputed/withMethods/withHooks 4총사로 상태,파생값,메서드,라이프사이클을 한 곳에 모으는 흐름을 차근차근 따라가봅니다.