레슨 2: ChatGPT를 사용하여 전체 프로그램 구조 만들기-구축 단계 정리 가이드

좋아요. 여러분이 재미있는 질문을 하면, chat GPT에서 좋은 답변을 들을 수 있겠죠? 여러분이 무슨 질문을 하든 상관없어요.

중요한 건 chat GPT가 어떻게 작동하는지, 그리고 왜 답변이 훌륭한지 이해해요. 그러면, 우리는 무엇을 배울까요?우리는 전체 웹 애플리케이션을 만들려고 해요.

웹 애플리케이션은 인터넷 브라우저에서 실행되는 컴퓨터 프로그램이에요

이번 강의에서는 여러분의 코딩 경험이 없다고 생각하고 준비했어요. 첫 질문으로 시작할게요.

"풀 스택 애플리케이션을 제작하기 위해 자바스크립트로 사용할 수 있는 최고의 프레임워크와 기술은 무엇인가요? 최대한 상세하게 설명해 줘"

이렇게 질문해 볼게요. 왜냐하면 이 강의에서는 자바스크립트를 중심으로 배울 것이고, 웹 애플리케이션 만들기에서 가장 많이 사용되는 언어니까요.

자바스크립트는 컴퓨터 언어입니다. 웹페이지를 더 재미있게 만드는 데 도움을 주고

자바스크립트 덕분에 웹페이지에서 움직이는 그림이나 내가 클릭하는 버튼과 같은 재미있는 기능들이 생겨나는 겁니다. 그럼 엔터를 눌러볼까요? chat GPT 친구가 어떻게 대답하는지 알아봅시다.

좋아요. 풀 스택 애플리케이션을 만들기 위해서는 여러 종류의 프레임워크와 기술이 필요해요. 예로, 프런트엔드에는 자바스크립트 라이브러리인 리액트가 있어요.

자바스크립트 라이브러리는 마치 미리 만들어 놓은 블록처럼 도움 되는 도구예요

백엔드에서는 Node.js와 Express를 사용할 수 있고, 데이터베이스는 MongoDB를 쓸 수도 있어요. MongoDB는 무료이고 강력한 NoSQL 데이터베이스예요. 상상해 봐요. 애플리케이션 만드는 법을 별로 모를 때, 자바스크립트가 무엇인지와 필요한 부품들이 있다는 것을 알게 됐어요. 최고의 기술을 알고 싶어요. 프레임워크를 찾아서 알려주기로 chat GPT가 도와줘요. 고수준 아키텍처를 찾아야 해요. 그런데 어떻게 하는지 모르겠다고요? chat GPT가 도움을 줘서 프런트엔드와 백엔드, 데이터베이스를 어떻게 다루는지 차근차근 알려줘요. 그래서 이 프레임워크와 기술을 사용해 시도해 볼게요.

코드를 작성하는 데 도움을 받아서 한 단계씩 훌륭한 풀 스택 애플리케이션을 만들어 보아요.

좋아요. 그러면 다음 질문을 해볼게요."MongoDB를 사용해 사용자 이름과 비밀번호 인증이 있는 커넥트 4 게임의 풀 스택 리액트 앱을 만들려면 어떻게 해야 할까요?"

좋아요. 여기 대략적인 단계들이 있어요. 커넥트 4 게임을 위한 풀 스택 리액트 앱을 만들려면Node.js를 설치해 서버 설정을 시작해요. 필요한 리액트, Express, MongoDB를 설치해 봅시다. Express 서버를 설정하고 요청을 처리하세요. 커넥트 4 게임과 관련된 API도 구현해야 해요.

지금 말한 것들이 헷갈릴 수 있어요. 이해가 안 되더라도 괜찮아요. 저는 자세히 설명하면서 도와줄게요.

그래도 모르겠다면 chat GPT에게 물어봐도 돼요. 세세한 것까지 안내해 줄 거예요. 이 단계는 대략적인 개요일 뿐이에요. chat GPT은 계속 배우고 있지만,한쪽으로 치우친 생각이 나 판단은 없어야 해요. 그래서 이 단계들에 세부 정보와 다른 고려 사항이 있을 거예요. 더 자세히 알아보려면 여러분 또한 노력해야 해요.  chat GPT은 도움이 되지만, 여러분의 머리를 사용해야 해요.