개발 · 프로그래밍

웹 개발

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

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

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

(5.0) 수강평 2개

수강생 93명

ludgi

nextjs ChatGPT LLM Prisma Docker

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

이런 걸 배울 수 있어요

Next.js 기반 쇼핑몰 개발
v0를 활용한 PRD 작성 및 개발 자동화
PostgreSQL + Prisma로 DB 설계
AI 상품 추천 시스템 구축 (임베딩 활용)
토스페이먼츠 결제 시스템 연동
Next.js 기반 관리자 페이지 구현
Docker와 Nginx를 활용한 프로젝트 배포
VPN과 포트 포워딩을 활용한 로컬 배포 기초

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

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

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

실습 환경

운영 체제 및 버전(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 지원 필요

이런 분들께
추천드려요!

학습 대상은
누구일까요?

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입니다.

370

명

수강생

개

수강평

개

답변

4.3

점

강의 평점

개

강의

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

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

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

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

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

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

커리큘럼

전체

47개 ∙ (7시간 3분)

해당 강의에서 제공:

수업자료

섹션 1. 환영합니다.

1개 ∙ (2분)

1. 환영합니다.
02:38

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

1개 ∙ (10분)

2. LLM를 활용한 PRD(제품 요구사항 문서) 작성
10:50

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

5개 ∙ (17분)

3. nextjs 프로젝트 세팅
02:15
4. docker설치와 postgresql 컨테이너 생성
02:07
5. PostgreSQL과 Prisma 설정 및 마이그레이션
04:15
6. LLM을 활용한 Prisma DB 스키마 자동 생성
07:11
7. LLM을 활용한 PRD 수정하기
01:59

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

6개 ∙ (1시간 25분)

섹션 5. 회원가입과 로그인

4개 ∙ (55분)

섹션 6. presigned URL

9개 ∙ (27분)

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

6개 ∙ (55분)

섹션 8. 쇼핑몰 기본 기능 개발

9개 ∙ (2시간 10분)

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

2개 ∙ (21분)

섹션 10. 프로젝트 배포

3개 ∙ (13분)

섹션 11. 수고하셨습니다.

1개 ∙ (2분)

강의 게시일: 2025. 03. 16.

마지막 업데이트일: 2025. 05. 13.

수강평

전체

2개

5.0

2개의 수강평

이용구
수강평 8
∙
평균 평점 5.0
2025. 03. 30.
5
62% 수강 후 작성
- ludgi
  지식공유자
  2025. 04. 13.
  소중한 수강평 감사합니다!
동해바다
수강평 12
∙
평균 평점 4.8
2025. 04. 12.
5
62% 수강 후 작성
ludgi님 강의는 두번째 보고 있습니다. 수강평도 두번째입니다. 저는 일단 감사히 믿고 보고 있습니다. 아마 강의 가격이랑.. 이거저것 보면.. 강의는 취미나 기록 정도로 올리시는거 같기도 합니다..
- ludgi
  지식공유자
  2025. 04. 12.
  이번 강의 구입도 감사합니다.!ㅎㅎ 다른분들과 조금 차별을 두기위해 저는 레퍼런스용 컨셉으로 갈듯합니다.!

ludgi님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

찍어먹는 Next.js 풀코스 (한국어 더빙)

ludgi

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

중급이상

Next.js, React, GraphQL

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

Whisper를 로컬에서 실행하고, FastAPI와 Next.js를 활용해 AI 음성 인식 앱을 빠르게 개발하는 실전 프로젝트 강의입니다. 실시간 음성 인식까지 구현하며, 짧은 시간 안에 간단한 포트폴리오로 활용할 수 있는 결과물을 완성할 수 있습니다.

초급

whisper, FastAPI, Next.js

Next.js와 yolov11로 화재감지 시스템 구축하기

ludgi

Next.js, YOLOv11, FastAPI를 활용하여 실시간 화재 감지 시스템을 구축하는 방법을 배웁니다.

초급

Next.js, yolo, Python

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

중급이상

Next.js, React, GraphQL

React와 Next.js로 배우는 입문용 프론트엔드 프로젝트: Tailwind CSS와 정적 배포까지 완성하기

ludgi

Next.js와 Tailwind CSS를 활용한 프론트엔드 입문 강의입니다. 백엔드 없이 정적 배포까지 완료하며, 초보자도 완성의 성취감을 느낄 수 있도록 설계되었습니다

입문

Next.js, TailwindCSS, aws-s3

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

입문자를 위한 Spring Boot with Kotlin - 나만의 포트폴리오 사이트 만들기

정용백

이론부터 실습까지. 직접 개발한 웹사이트를 클라우드에 올리며 웹 개발 전반을 학습할 수 있습니다.

초급

Spring Boot, Kotlin, JPA

우리 조직에 맞는 엔터프라이즈 LLM 도입과 활용 방안

2e 컨설팅

본 강의 영상에서는 회사 내부 데이터를 sLM에 연결하는 효과적인 방법, 그리고 sLM 도입 시 발생하는 각종 이슈들을 어떻게 해결할 수 있는지에 대한 현실적인 방안을 소개합니다.

입문

LLM, 생성형AI

Spring WebFlux + LLM 실전 구현

John H

Spring WebFlux로 여러 기능을 만듭니다. 이 강의를 통해 WebFlux의 필수 개념과 실전 구현을 익힐 수 있습니다.

초급

Java, Spring, webflux

[국내 최초] 인프런 풀스택 클론코딩 Part 1 - Next.js x NestJS

로펀

🔥 국내 최초! Next.js 15와 NestJS를 활용한 국내 최초의 풀스택 강의입니다. Node.js 생태계 안에서 프론트부터 백엔드, 배포까지 언어 전환 없이 진짜 풀스택 흐름을 하나로 체험할 수 있는 강의입니다. 인프런을 똑 닮은 강의 플랫폼을 직접 만들며, 실무 수준 구조를 익히고 완성형 포트폴리오도 함께 가져가세요!

초급

AWS, Docker, Next.js

ChatGPT 프롬프트 엔지니어링 마스터 가이드 : 내 연봉의 숫자가 달라지는 마법 도구

Masocampus

생성형 인공지능 ChatGPT로 프롬프트 엔지니어링 활용법 배우고, 비즈니스에서 업무효율 UP! 인공지능 기본부터 업무에 쓰는 방법까지 한 번에 커리어 완성 😀

입문

ChatGPT, 인공지능(AI), 카피라이팅

LLM Application In Production

그랩

MAU 20만 이상의 LLM Application과 이를 뒷받침하는 LLMOps 환경을 구축하면서 배우고 익힌 경험/노하우 공유회 영상입니다.

초급

LLM, RAG, mlops

생성형 AI로 웹 사이트 제작부터 배포(w. Chat GPT, Cursor AI, Database)

JEngineer

생성형 AI(Chat GPT, Cursor AI)를 통해서 웹 사이트 개발과 배포하는 과정을 전반적으로 학습합니다.

초급

HTML/CSS, JavaScript, 웹앱

LLM 응용 서비스 사례 분석

아리가람

LLM을 사용해 구축할 수 있는 애플리케이션이나 웹 서비스들로는 어떤 것들이 있는지 살펴봅니다.

입문

NLP, 서비스 기획, 콘텐츠 기획

AI 시대, 이제 현업이 개발한다! Cursor와 ChatGPT로 시작하는 바이브코딩

개발하는 분석가

개발팀 눈치 보지 말고, 이제 내가 직접 만든다! 이 강의는 기획, 마케팅, 영업 등 실무 담당자가 개발자 도움 없이 AI도구를 활용하여 웹서비스의 핵심 기능을 직접 구현할 수 있도록 도와줍니다.

초급

Python, FastAPI, cursor

누구나 쉽게 만드는 PPT 상세페이지 끝장 템플릿 200 (원클릭 상페200장 포함)

이희정

컴맹도 OK! 상세페이지 하나당 100~200 만원씩 주고 만들었던 여러분을 위한 강의. 이제 파워포인트와 노트북만 있으면 초고가 상페를 스스로 만들 수 있습니다. 이미지만 바꿔 쓰면 되는 PPT 템플릿 200개 까지 주는 강의~ 전문가나 가능한 이커머스 디자인 원본과 GIF 콘텐츠 원본 150종까지 완벽한 구성! 이제 외주 비용 싸악 아끼세요! 🔴강의 오픈기념 얼리버드 할인 기간입니다. 얼리버드가 마감되면 수강료가 원래 가격으로 올라갈 예정입니다.

입문

콘텐츠 마케팅, PowerPoint, 콘텐츠 제작

풀스택을 위한 도커와 최신 서버 기술(리눅스, nginx, AWS, HTTPS, 배포까지) [풀스택 Part3]

잔재미코딩 DaveLee

본 강의는 풀스택 강의 시리즈 Part3 강의로 최신 서버 기술과 도커 기술을 탄탄하게 익히는 강의입니다. 본 강의는 실질적으로 도커를 내 기술 스택에 포함시킬 수 있도록, 도커의 다양한 옵션을 한땀한땀 테스트하고, 도커를 위해 이해가 필요한 리눅스등 관련 기술도 익히고, 실제 복잡한 서비스까지 만들어볼 수 있도록 꾸몄습니다.

초급

네트워크, Linux, Docker