Skip to content
UdemyArtificial IntelligencePaid courseAll LevelsCertificate

【한글자막】 OpenAI API와 JavaScript를 이용한 ChatGPT AI 앱 개발 코딩 실습 (Udemy.com)

JavaScript로 나만의 AI 비서를 만들어보세요! 직접 따라하며 배우는 OpenAI ChatGPT 머신러닝 입문 강의

Created by: Liam Sloane

Last updated February 2025

icon
What you will learn

  • OpenAI API와 리액트, Next js, JavaScript, Node, CSS 등 웹 개발 기술을 이용하여 AI 애플리케이션을 제작하는 방법을 배우게 됩니다.
  • Fetch를 사용하여 ChatGPT에 API 호출을 하고 npx로 Node 명령을 실행하는 등 실무 경험을 쌓게 됩니다.
  • 리액트 훅으로 AI 애플리케이션에 대화형 인터페이스를 구축하는 방법을 배우게 됩니다.
  • 사용자가 입력한 애완동물의 이름을 생성하는 OpenAI를 사용하여 머신러닝 개념을 구현하고 완벽하게 작동하는 AI 애플리케이션을 제작하게 됩니다.
  • 자신만의 AI 프로젝트를 만드는 데 활용할 수 있는 머신러닝 개념들과 기법들을 더 깊이 있게 이해하게 됩니다.

icon
Course Description

이 강의는 유데미 강좌 중 "Build A ChatGPT AI in JavaScript - OpenAI - Code Along"와 동일한 강의이며, 한국어 자막이 기존 강의와 다르게 전문 한글 자막이 제공됩니다. 또한 강의 내용에 대한 질문은 Q&A에 영어로 남겨주시면 오리지널 강사님으로부터 답변을 받으실 수 있습니다. 강의 내용 외의 문의는 한국어로 남겨주셔도 되며, 웅진씽크빅 글로벌에서 매일 확인하여 답변드리고 있으니 편하게 질문해주세요! :)


이 강의는 ChatGPT 를 이용하여 한 단계 더 도약하려는 개발자와 머신러닝에 관심이 있는 모든 분들이 백지 상태부터 AI 애플리케이션을 제작하는 방법을 배워서 앞으로 열릴 엄청난 시장에 조기에 진입할 수 있는 둘도 없는 기회입니다.


OpenAI API와 리액트, Next.js, JavaScript, Node, CSS 같은 최신 웹 개발 기술을 사용하여, 사용자가 입력한 애완동물의 이름을 생성하는 완벽한 AI 앱을 만드는 방법을 배워봅니다.


강의 전체에 걸쳐 리액트 훅을 사용하는 실무 경험을 쌓고, Fetch를 사용하여 API 호출을 하는 방법, npx로 Node 명령을 실행하는 방법 등을 배우게 됩니다. 강의를 마칠 때 여러분은 포트폴리오에 추가하고 취업 면접 때 귀중한 툴로 활용할 수 있는 완벽한 앱을 갖게 됩니다.


ChatGPT 를 사용하는 이 강의는 초심자와 경력 개발자 모두가 개발 스킬을 한 차원 높이는 데 필요한 지식과 스킬을 알려드립니다. AI 애플리케이션을 개발하는 방법을 배울 뿐만 아니라 현재 구직 시작에서 가장 수요가 큰 기법인 머신러닝을 더욱 깊이 있게 이해하게 됩니다.


ChatGPT OpenAI 강의를 수강하면 채용 시 자신의 잠재력과 최첨단 기술을 능숙하게 다룰 수 있는 능력을 보여줄 수 있는 실무 프로젝트를 직접 해볼 기회를 갖게 됩니다. 여러분이 제작하게 될 애플리케이션은 유용할 뿐만 아니라 재미도 있고 대화형으로 되어 있어서 여러분의 학습 경험이 한층 더 즐거워집니다.


지금 등록하고 OpenAI의 GPT-3 기술로 챗봇을 개발하고 있는 열정 넘치는 개발자 및 머신러닝 팬들로 구성된 저희 커뮤니티에 가입하세요. 강의를 마칠 때 여러분은 완벽하게 작동하는 앱과 자신만의 AI 프로젝트를 만드는 데 필요한 기법을 갖게 됩니다.


세상은 점점 가정학습과 재택근무를 향해 변해가고 있습니다. 이 강의는 가장 수요가 큰 기법을 학습하고, 그런 코딩 개발 기법을 보여주며, 자신의 열정을 현실로 발전시키는 데 필요한 경험을 얻을 수 있는 기회입니다.


ChatGPT 로 인간을 대체할 수는 없지만 프로그래밍과 코드 분석에 사용하면 엄청나게 강력한 향상 도구가 됩니다. 그리고 지금 ChatGPT의 활용성을 무시하거나 적어도 적절히 테스트하지 않으면 ChatGPT 의 이점을 조기에 선점할 기회를 놓치게 될 것입니다.


이 강의는 ChatGPT 개발자 API 강의입니다. 마지막 프로젝트까지 완성하면 여러분은 다음과 같은 툴과 기술을 모두 배우게 됩니다.


이 강의에 포함된 내용:

  • OpenAI API와 웹 개발 기술을 이용하여 AI 애플리케이션을 제작하는 방법

  • 리액트, Next.js, JavaScript, Node, CSS를 이용한 실습 경험

  • Fetch를 사용하여 OpenAI에 API 호출을 하고 npx를 사용하여 Node 명령을 실행하는 방법

  • 리액트 훅을 사용하고 ChatGPT 스타일의 앱을 위해 대화형 인터페이스를 구축하는 방법

  • 실무 프로젝트에서 머신러닝 개념을 구현하는 방법

  • 사용자가 입력한 애완동물의 이름을 생성하는 완벽한 AI 애플케이션을 제작하는 방법

  • 애플리케이션을 자신의 포트폴리오에 추가하여 면접에 귀중한 툴로 활용하는 방법

  • 나만의 AI 적용 프로젝트를 만들기 위해 머신러닝과 기법들에 대해 깊이 있게 이해하는 방법

  • 실무 프로젝트를 제작하고 구직 시 보여주는 방법

  • 즐거운 대화형 환경에서 학습하고 열정 넘치는 개발자와 머신러닝 팬들로 구성된 커뮤니티에 가입하는 방법


이 강의는 구직에 활용할 수 있는 ChatGPT 와 OpenAI를 이용한 집중 프로젝트 코딩 부트캠프 강의입니다.

시작하기 위해 경험이 필요한지 궁금하신 분: 시작하기 위해 웹 개발 또는 프로그래밍 지식이 필요하지 않습니다!

이 강의는 시작하기 위한 사전 지식을 전혀 요구하지 않습니다! JavaScript 등 기초적인 웹 개발 기법이 약간 있으면 확실히 다른 분들에 비해 훨씬 빠른 속도로 강의를 수강하실 수 있습니다. 그러나 이 강의에는 (건너뛰어도 무방한) 소개 섹션이 포함되어 있어서 스킬 수준과는 무관하게 중요한 강의들을 모두 함께 진행할 수 있습니다!

전체 커리큘럼과 무료 미리보기 비디오를 시청해주시고, 준비되셨으면 언제라도 시작하실 수 있습니다.


그럼 강의에서 뵐 수 있길 바랍니다!

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Liam Sloane

Liam Sloane is a full-stack developer, AI systems architect, and best-selling Udemy instructor with a track record of shipping high-performance web applications and teaching practical, production-grade engineering skills to developers worldwide.

Liam holds a B.S. in Computer Science and certifications including ITIL Foundation, Harvard’s 6 Month Web & Computer Science Program, LPI Linux Essentials. He specializes in modern JavaScript frameworks, especially React, Next.js, and React Native, with a deep focus on performance work like DOM optimization, virtualization, and scalable UI architecture.

As an educator, Liam has taught 100,000+ students across top-rated, best-selling courses covering React, Redux Toolkit, Next.js, Solidity, Storybook, Express, MongoDB, Firebase, and modern testing and deployment workflows. His courses are used by engineers at major companies via Udemy for Business, and his work has been licensed and published through O’Reilly, Safari, and Packt.

Beyond teaching, Liam has led and shipped real-world systems across web, AI, and Web3, delivering developer onboarding templates, best-practice codebases, and end-to-end implementations for modern product teams. He is also the CEO of Orbital, providing consulting and technology development internationally, including work across leading blockchain ecosystems such as Solana and NEAR.

icon
More courses by Liam Sloane

$79.99

$79.99

$69.99

$69.99

$89.99

$74.99

icon
More Artificial Intelligence courses

Free

Free

Free

$79.99

Free

icon
Reviews

4.3

142 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By 한윤구 on 4/1/2026

간단한 Open AI 코딩을 배울 떄 유용한 강의였던 것 같습니다.

By Anonymized User on 5/11/2024

아직 많이 듣지 않았기에 정확한 평가를 하기는 어렵지만 강의의 취지와 유용성이 좋다고 판단됩니다.

By 강성환 on 11/23/2023

JavaScript로 OpenAI API를 활용하는 방법을 배웠습니다.

By codename.D on 10/11/2023

React 기초 90%, Chatgpt(not-working) 10%

By dasom kim on 9/9/2023

너무 내용이 없었고, next.js 와 openAI코드가 옛날 식이어서 하나하나 새로 찾아가면서 해야 했음

By Anonymized User on 8/5/2023

너무나 유익한 강의였습니다! 감사합니다!

By Anonymized User on 8/2/2023

사용만 해보았던 chatgpt의 동작원리에 대해서 설명을 들을 수 있어서 좋았습니다.

By Anonymized User on 7/8/2023

쉽게 OpenAI API와 JS로 챗GPT AI 앱개발에 대해 이해하게 되었습니다.

By Anonymized User on 5/4/2023

최근에 가장 주목받았던 기술인 ChatGPT를 구현해 볼 수 있어서 좋았습니다 빠르고 간결하게 핵심을 배울 수 있어서 좋았습니다

By 이종건 on 2/26/2023

ChatGPT 관련된 수준 높은 강의를 한글로 수강할 수 있어서 매우 좋습니다!

Showing all 10 reviews on CourseDuck

Read all 142 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 86 / 100