인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
NEW
개발 · 프로그래밍

/

웹 개발

AI로 기획부터 개발까지! LLM 주도 Next.js 쇼핑몰 제작

v0, cursor AI 및 각종 LLM과 함께 PRD부터 AI 상품 추천까지! 실전 프로젝트로 Next.js 쇼핑몰을 완성하세요

26명 이 수강하고 있어요.

nextjsChatGPTLLMPrismaDocker
Thumbnail

초급자를 위해 준비한
[웹 개발, 풀스택] 강의입니다.

이런 걸 배울 수 있어요

  • Next.js 기반 쇼핑몰 개발

  • v0를 활용한 PRD 작성 및 개발 자동화

  • PostgreSQL + Prisma로 DB 설계

  • AI 상품 추천 시스템 구축 (임베딩 활용)

  • 토스페이먼츠 결제 시스템 연동

  • Next.js 기반 관리자 페이지 구현

  • Docker와 Nginx를 활용한 프로젝트 배포

  • VPN과 포트 포워딩을 활용한 로컬 배포 기초

ComfyUI_00961_

🛍 AI + Next.js로 쇼핑몰을 개발하는 최적의 방법!

이 강의에서는 ChatGPT와 각종 LLM을 활용하여 PRD(제품 요구사항 문서)를 자동 생성하고, v0를 이용해 디자인과 프로젝트 초안을 구성하며, nextjs와 Prisma, PostgreSQL을 사용하여 쇼핑몰을 구축하는 실전 개발 프로세스를 배웁니다.

뿐만 아니라, AI 임베딩을 활용한 상품 추천 시스템 구현, Docker기반 환경 설정, VPN을 활용한 로컬 배포 방법까지 경험할 수 있어, 단순한 웹사이트 제작을 넘어 AI와 최신 웹 기술을 적용한 실무급 프로젝트 개발을 목표로 합니다.

2

섹션 (2) PRD 작성 – AI와 함께하는 요구사항 정의

📌ChatGPT를 활용해 PRD(제품 요구사항 문서)를 자동 생성하고 수정하는 방법을 배웁니다.

섹션 (3) 데이터베이스 설계 – PostgreSQL + Prisma

📌ChatGPT를 활용해 PRD(제품 요구사항 문서)를 자동 생성하고 수정하는 방법을 배웁니다.

3
4

섹션 (4) V0 프로젝트 – 초기 프로토타입 생성

📌 v0를 활용해 프로젝트 디자인을 구성하고, Next.js 기반으로 초기 프로토타입을 빠르게 구축하는 방법을 배웁니다.

섹션 (5) 로그인과 로그아웃

📌 회원가입, 로그인, 로그아웃 기능을 구현하고, 사용자 경험을 개선하기 위해 Sonner를 활용한 알림 시스템을 적용합니다.

5
6

섹션 (6) Presigned URL

📌 Presigned URL을 활용하여 안전하게 파일을 업로드하고, S3와 같은 스토리지 서비스와 연동하는 방법을 배웁니다.

섹션 (7)상품 데이터 일괄 업로드

📌 Presigned URL과 ChatGPT 임베딩을 활용해 상품 데이터를 효과적으로 업로드하고, DB 스키마를 확장하는 방법을 배웁니다.

7
8

섹션 (8) MVP 프로젝트 – 쇼핑몰 기본 기능 개발

📌 상품 리스트, 상세 페이지, 인기 상품, 신상품, 인피니트 스크롤 등 쇼핑몰의 핵심 기능을 구현합니다.

섹션 (9) 관리자 페이지 기능 구현

📌 Next.js Middleware를 활용한 접근 제어, 상품 등록 및 AI 임베딩 기능을 포함한 관리자 페이지를 구축합니다.

9
10

섹션 (10) 프로젝트 배포

📌 VPN과 Nginx를 활용한 로컬 서버 배포, 포트 포워딩 설정, SSL 적용 등 실전 배포 전략을 다룹니다

실습 환경

  • 운영 체제 및 버전(OS): Windows, macOS, Linux(Ubuntu 포함)에서 실습 가능

  • 사용 도구:

    • Next.js 개발을 위한 Node.js (최신 LTS 버전 권장)

    • 데이터베이스 관리를 위한 PostgreSQL 및 Prisma

    • 프로젝트 배포 및 운영을 위한 Docker & Nginx

    • AI 임베딩 및 자동화를 위한 ChatGPT API

  • PC 사양:

    • 최소 8GB RAM, 권장 16GB 이상

    • CPU: 4코어 이상 (개발 및 Docker 컨테이너 실행을 고려)

    • 스토리지: SSD 권장 (데이터베이스 및 프로젝트 빌드 속도 최적화)

    • GPU (선택사항): AI 임베딩 기능을 로컬에서 실행하려면 NVIDIA GPU 및 CUDA 지원 필요

📚 학습 자료

  • 제공 방식:
    ✅ 강의 플랫폼의 학습자료 업로드 기능을 통해 제공
    ✅ 필요한 경우 GitHub 링크 추가 제공 (코드 및 실습 자료)

  • 포함된 자료:
    ✅ GitHub 소스 코드 – 프로젝트 코드 및 샘플 예제 제공
    ✅ Docker 설정 파일 – 개발 및 배포 환경 구성 예제
    ✅ 추가 참고 자료 링크 – 공식 문서 및 관련 블로그


📌 선수 지식 및 유의사항

  • 필요한 선수 지식:
    ✅ JavaScript 및 기본적인 TypeScript 문법 (Next.js 개발을 위해)
    ✅ Next.js 기본 개념 (페이지 라우팅, API Routes 등)
    ✅ SQL 및 데이터베이스 기초 (PostgreSQL과 Prisma 사용)
    ✅ RESTful API 개념 (데이터 통신 이해)


이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • Next.js와 AI를 활용한 쇼핑몰 개발에 관심 있는 사람

  • ChatGPT를 활용한 실전 프로젝트를 경험하고 싶은 개발자

  • AI 기반 상품 추천 시스템을 구축하고 싶은 사람

  • PostgreSQL과 Prisma를 활용한 DB 설계를 배우고 싶은 사람

  • 로컬 환경에서 VPN을 활용한 배포 방법을 익히고 싶은 사람

  • ChatGPT를 활용해 PRD(제품 요구사항 문서)를 작성하고 싶은 개발자

  • v0를 이용해 빠르게 프로젝트 초안을 만들어보고 싶은 사람

선수 지식,
필요할까요?

  • JavaScript 및 기본적인 TypeScript 문법

  • 기본적인 Next.js 개념 (페이지 라우팅, API Routes 등)

  • SQL 및 데이터베이스 기초 (PostgreSQL과 Prisma 사용)

  • RESTful API 또는 GraphQL 개념 (백엔드와의 데이터 통신 이해)

안녕하세요
ludgi입니다.

169

명

수강생

3

개

수강평

5.0

점

강의 평점

5

개

강의

안녕하세요, 주식회사 럿지의 대표입니다.


저는 스타트업, 금융권, 공공기관 등 다양한 분야에서 프로젝트를 진행하며,

개발뿐만 아니라 서비스를 직접 운영하는 경험을 쌓아왔습니다.

 

이 과정에서 팀원 및 프리랜서들과 협업하며 문제를 해결하고 프로젝트를 완성하는 능력을 길렀습니다.


특히, 단순히 개발자로서의 역할을 넘어서 자신의 서비스를 운영하고자 하는 꿈을 가진 분들께 더 많은 도움을 드릴 수 있다고 생각합니다.

 

완성의 즐거움과 성취감을 함께 경험하며 성장해 나가길 기대합니다. 감사합니다.

더보기

커리큘럼

전체

47개 ∙ (7시간 3분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!