AI로 풀스택 개발하기:프로젝트 개요(CodeGear.Info)

---

https://www.youtube.com/watch?v=Q2GeV8YQGKY

 

AI로 풀스택을 개발하는 과정

요즘 굉장히 핫한 주제는 AI 입니다. 

그중에서도 개발자들의 최대 관심사는 코드 어시스턴트입니다.

 

유튜브를 보면 AI 코드 어시스턴트를 활용하는 사례들을 보여주는 영상이 많이 있습니다.

하지만 실전에서 개발하는 것처럼 프론트엔드, 백엔드를 나누어서 보여주는 사례는 많지 않은것 같습니다.

---

 

AI로 풀스택 개발하기 과정은 AI 코드어시스턴트(클로드 코드, 커서, 제미나이등)를 사용하여 풀스택을 개발하는 과정을 설명하려고 합니다.

여기에는 다음과 같은 내용들이 포함될 예정입니다.

• 서버 설정하기 (도메인, nginx 셋팅등)(업로드 완료)
• 서버에 배포하는 방법(업로드 완료)
• AI 코드 어시스턴트 사용법
  • 클로드 코드 사용법(업로드 완료)
  • 제미나이 사용법
  • Cline 사용법 등
• AI로 CodeGear.Info 사이트 개발하기
  • AI로 프론트 엔드 개발하기
  • AI로 백엔드 개발하기
  • AI로 프론트와 백엔드 동시에 개발하기(구글 로그인)
  • 그외 다양한 기능들을 붙여 나가는 걸 진행하려고 합니다.

---

아키텍처 구조

아키텍처 구조는 다음과 같습니다.

• 프론트엔드 - Next.js
• 백엔드 - Nest.js
• 데이터베이스 - MySQL

세부적인 내용들은 강의를 진행하면서 설명드리도록 하겠습니다.

---

프로젝트 구성

프로젝트 구성은 다음과 같습니다.

• root 폴더명은 codegear입니다.
• 하위 폴더로 frontend, backend를 만듭니다.

각각의 폴더에는 최초 개발을 위한 파일들을 만듭니다.

• 프론트엔드 - requirement.md (요구사항정의)
• 백엔드 - requirement.md (요구사항정의)
• root 폴더 - README.md (프로젝트 폴더 구성에 대한 간단한 설명

---

시리즈 영상을 시작하며...

영상을 제작하는 과정이 쉽지는 않습니다.

지식을 배우는 과정이 필요하고, 배운걸 테스트 해보는 과정도 필요합니다.

영상을 만들기 위해 블로그를 정리하고, 영상을 만들고, 편집을 하다보면 주말이 훌쩍 지나가 있곤 합니다.

그래도 누군가에게 도움이 되는 일이라 생각하며 열심히 하고 있습니다.

주중에는 회사일로 거의 시간이 없기 때문에 영상을 자주 못 올리는 부분도 양해 부탁드립니다.

계획대로 잘 되었으면 좋겠습니다.