개발 · 프로그래밍

/

프론트엔드

Next.js App router 기반 Chat GPT 만들기

Nextjs 14 버전 App router 과 vercel 의 ai/sdk 를 활용하여 chat gpt와 같은 ai chatbot 서비스를 만들어봅니다.

(5.0) 수강평 5개

수강생 255명

Next.jsChatGPTReactTypeScriptTailWindCSS
Thumbnail

초급자를 위해 준비한
[프론트엔드, AI · ChatGPT 활용] 강의입니다.

이런 걸
배워요!

  • react

  • nextjs

Nextjs App Router 기반 Chat GPT 만들기

이번 강의로 배울 수 있는 것들

  • Nextjs 14 버전의 App Router 기반의 풀스택 개발하는 법을 배워요

  • shadcn-ui 와 tailwind-css 로 컴포넌트 스타일링 하는 법을 배워요

  • zustand를 사용해서 전역 상태를 관리하는 법을 배워요


이런 분들께 추천해요

React와 Next 의 Page Router만 사용해본 분들

Next14버전의 App router 방식을 배울 수 있어요.

Nextjs 로 풀스택 개발을

하고 싶은 분

프론트뿐만 아니라 Neon 서비스와 Drizzle ORM을 활용해 풀스택 개발을 할 수 있어요.

Chat GPT와 같은 ai chatbot 서비스에 관심이 있으신 분

Vercel 의 ai sdk를 사용해 open ai API를 사용해 볼 수 있어요.

수강 후에는

  • Next App router 방식의 풀스택 개발에 대해 감을 잡으실 수 있어요.

  • tailwind-css 로 스타일링을 할 수 있어요

  • Chat gpt와 같은 ai 기반의 chatbot 서비스를 쉽게 만들 수 있어요.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • Nextjs app router 에 대해서 궁금한 분

  • Nextjs 로 풀스택 개발을 해보고 싶은 분

  • open ai api 를 사용해보고 싶은 분

선수 지식,
필요할까요?

  • React

  • Typescript

안녕하세요
코딩먹방입니다.

안녕하세요 프론트엔드 개발자 코딩먹방입니다.

저는 약 3년동안 현업에서 개발을 했었고 현재는 새로운 기술들을 학습하며

개인적으로 개발을 진행하고 있습니다.

그리고 저는 그런 과정에서 습득한 것들을 공유하고자 합니다.

감사합니다.

커리큘럼

전체

27개 ∙ (3시간 41분)

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

수강평

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