강의

멘토링

로드맵

NEW
AI 활용(AX)

/

AI 업무 활용

바이브코딩으로 게시판 만들기+ 회원가입 로그인 (React + FastAPI)

바이브코딩으로 React 회원가입 로그인 + 게시판 만들기 (React + FastAPI)은 AI 프롬프트를 활용해 풀스택 웹 애플리케이션을 직접 완성해보는 실습형 강의입니다. OpenAI Codex와 Claude Code 이 강의에서는 React(Typescript) 프론트엔드와 FastAPI 백엔드를 연결하여, 회원가입 & 로그인 기능 게시판 CRUD(작성, 조회, 수정, 삭제) JWT 인증과 권한 처리 를 하나의 프로젝트 안에서 구현합니다. 특히, 단순히 코드를 작성하는 데서 끝나는 것이 아니라, 👉 AI 프롬프트로 코드 생성 → 실행 및 수정 → 테스트 → 확장 이라는 “바이브코딩” 학습 방식을 통해 AI와 함께 개발하는 새로운 흐름을 경험할 수 있습니다. 완강 후에는 “나만의 회원제 게시판 서비스”를 직접 완성할 수 있으며, 추가로 댓글, 좋아요, 이미지 업로드 같은 확장 기능까지 도전할 수 있습니다.

2명 이 수강하고 있어요.

  • Kyung-il In
바이브코딩
Reactjs
FastAPI
풀스택
인공지능
ReactNode.jsTypeScript인공지능(AI)

이런 걸 배울 수 있어요

  • AI 기반 개발 경험

  • 프런트엔드 (React + TypeScript)

  • 백엔드 (FastAPI)

  • 바이브 코딩으로 CRUD 개발

바이브코딩으로 React 회원가입 로그인 + 게시판 만들기 (React + FastAPI)

바이브코딩: React + FastAPI로 회원가입/로그인 + 게시판 풀스택 만들기

  • 이 강의는 프론트엔드(React)백엔드(FastAPI)를 함께 활용하여 실제 서비스에서 가장 많이 사용되는 회원가입/로그인 기능게시판 CRUD 기능을 구현하는 프로젝트 기반 강의입니다.

이런 내용을 배워요

  1. 개발 환경 세팅

    • Node.js, Python, VS Code, GitHub 등 기본 툴 설치 및 활용

    • Linux(WSL) 기반 개발 환경 경험

  2. AI 기반 개발 워크플로우

    • OpenAI Codex CLI 사용법

    • Claude Code 사용법

    • 프롬프트 작성 → 코드 자동 생성 → 오류 수정 & 개선

  3. 프론트엔드(React)

    • 게시판 UI 제작 (목록, 글쓰기, 수정/삭제)

    • 회원가입/로그인 화면 구성


  4. 백엔드(FastAPI)

    • 게시판 CRUD API 구현

    • 회원가입/로그인 API + JWT 인증/인가

    • 권한 처리(본인 게시글만 수정/삭제)

  5. 프로젝트 통합

    • React 프론트엔드 ↔ FastAPI 백엔드 연동

    • 전체 서비스 플로우(회원가입 → 로그인 → 글쓰기 → 수정/삭제) 완성

    • 실무형 풀스택 웹 서비스 구축 경험


🎯 학습 결과

  • 나만의 풀스택 웹 서비스 완성

  • AI 개발 도구 활용 역량 습득

  • React + FastAPI 연동 경험

  • 회원 관리 + 게시판 CRUD라는 웹 서비스의 핵심 로직 직접 구현


👉 한마디로, 이 강의는 “내가 만든 서비스에 로그인해서 글을 쓰고 관리할 수 있는 웹 서비스”AI 도구를 활용해 풀스택으로 완성하는 경험을 제공합니다.

이 강의를 만든 사람

안녕하세요, Kyung-il In입니다.

  • 카이스트 경영대학 수료

  • 국민대학교 석사

  • 한양대학교 박사 (공부 중)

  • 인공지능을 이용한 빅데이터 분석

  • AI 챗봇 엔진 및 챗봇 시스템 개발

  • 안드로이드 포스 시스템 및 서버 개발

    연구분야

  • 블록체인과 분산파일 시스템을 이용한 전자문서 신뢰성 향상에 대한 연구

  • 블록체인 시스템을 활용한 데이터 가치 형성과 창출에 대한 연구

  • 인공지능 챗봇 시스템 산업 적용과 RPA 활용에 관련 연구

  • 멀티 도메인 대화형 챗봇 시스템에 관한 연구

수강 전 참고 사항

실습 환경

  • CPU: Intel i5 (4코어 이상) 또는 AMD Ryzen 5 이상

  • 메모리(RAM): 8GB 이상 (실습만 한다면 4GB도 가능, 다만 속도 저하 있음)

  • 디스크: 10GB 이상 여유 공간 (Node 모듈, Python 가상환경, DB 파일 저장 포함)

  • 그래픽카드(GPU): 필수 아님 (웹 개발은 CPU 성능에 의존)

학습 자료 - 노션 링크 제공 방식

  • 강의 소개 페이지: 강의 개요, 커리큘럼, 수강 전 준비 사항 정리

  • 실습 가이드 문서: 설치 방법, 개발 환경 세팅, 명령어 모음

  • 예제 코드/스크린샷: 강의 중 나온 예시를 바로 확인 가능

  • 추가 학습 자료: 공식 문서, 블로그, 참고 영상 링크 정리

선수 지식 및 유의사항

  • 웹 개발 기초 지식

  • 권장 선수 지식

    • React를 처음 접하셔도 수강은 가능하지만, 컴포넌트 개념을 알면 이해 속도가 빨라집니다.

    • Python 기초 문법을 알고 있으면 FastAPI 학습이 수월합니다.

👉 난이도: 초급 ~ 중급
👉 프로그래밍을 완전 처음 배우는 분보다는, 웹 개발을 조금이라도 접해본 분께 적합합니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 웹 개발을 처음 시작하는 입문자

  • 풀스택 개발에 도전하고 싶은 프런트엔드/백엔드 개발자

  • AI 기반 개발 방식(바이브코딩)에 관심 있는 학습자

  • 토이 프로젝트 아이디어가 필요한 학습자

  • 실습 위주의 짧고 집중적인 강의를 찾는 분

선수 지식,
필요할까요?

  • CHAT GPT

  • React.js

  • FastAPI

안녕하세요
입니다.

1,044

수강생

29

수강평

21

답변

4.9

강의 평점

3

강의

열공

커리큘럼

전체

20개 ∙ (1시간 44분)

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

수강평

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

얼리버드 할인 중

₩35,750

35%

₩55,000

Kyung-il In님의 다른 강의

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

비슷한 강의

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