DX AI 산업 특강 // 챗GPT로 웹페이지 만들기

오늘은 처음으로 오프라인에서 수업을 하는 날이다.

web basic, vs code와 챗gpt를 이용한 웹페이지 생성, gpt 활용 방법에 대해 배운다.

---

1. 웹개발이란

: 인터넷과 웹을 통해 웹 사이트를 만드는 일

- 웹프로그래밍, 웹 디자인, 웹 콘텐츠 개발, 클라이언트 사이드.서버 사이드 스크립트 작업 

 

2. Web Micro Framework - Flask

: 간결하게 유지하고 확장할 수 있게 만든 파이썬 마이크로 웹 프레임워크

- 폼과 데이터 베이스 처리 기능이 없어 리소소 사용이 가벼움

 

• app.py: flask 실행 파일

- 웹 애플리케이션의 핵심부분

- 라우트, 에러 핸들러, 데이터베이스 설정, 뷰 함수 등을 정의

 

• templates 디렉터리: HTML 파일을 저장

- 웹서버에서 페이지를 랜더링 하는 방법: 템플릿 생성 → 랜더링 프로세스 →  템플릿 렌더링 →  응답 생성

 

3. GPT 활용 Web 구현 실습

Generative Pre-trained Trasformer AI: 사전 학습하여 생성하는 예측 AI

 

프로젝트 개요

: Image → OCR → Data Analysis → Web Service

- 정형화된 form의 image를 인식하여 텍스트 추출

- 추출된 텍스트 기반 데이터 분석

- 데이터 분석 결과를 웹 서비스로 구현

 

머신러닝을 활용한 분석은 다음에!

 

입력받은 데이터를 기반으로 비만 정도를 알려주는 프로그램을 만들어보자.

1. 데이터를 8개 입력

2. 머신러닝 알고리즘을 선택

3. 결과창 출력

 

이러한 페이지를 만들려면 GPT에게 이런 식으로 말하면 된다.

index.html 화면은 다음과 같이 구성해줘
- 타이틀 제목: 비만 예측 모델
- A-H 라는 이름의 입력값을 받을 수 있는 창 구성 (세로로 정렬)
- 하단 박스를 생성해서 알고리즘을 선택할 수 있는 라디오 버튼 구성

 

이러면 단계별로 어떤 걸 해야할지와 그에 맞는 코드까지 모두 짜준다.

---

과제

1. (인덱스 페이지 구성) 입력 페이지 밑그림

2. (result page) 출력 페이지 밑그림

3. gpt한테 질문해서 만들어진 코드 (html코드는 메모장에 저장 -> 이름.html 저장 후, 제출)

 

다음주 화요일(12일)까지

 

 

 

 

※ 해당 카테고리는 딥노이드, 오픈놀, 앙트비에서 주최하는 '<스타트업 유니버시티: DX Challenge 교육> AI+X 역량 강화 트랙'에 대한 기록입니다.