Demo Pages

OpenAI API - Assistant

HTML5, CSS, JS, API(OpenAI)
GPT Assistant API 테스트 페이지
- Thread(채팅방) 생성,
- Assistant(챗봇) 생성/수정
- Run(AI 응답 생성) 실행

링크 | 전체화면 | 소스코드

qrcode

HTML5, CSS, JS
QR코드 생성기입니다.
- URL로 QR로 변환하기
- QR 색상 설정
- 오류율 조정

링크 | 전체화면 | 소스코드

react blog 테스트 (목록 CRUD)

React
- UI 목록 CRUD,
- URL에 State Data 담아서 내보내기

링크 | 전체화면 | 소스코드

image map (이미지 CURD)

HTML, CSS, JS
- 이미지 이동(드래그, 터치)
- 이미지 업로드(파일, 드롭다운)

링크 | 전체화면 | 소스코드

Project Pages

AICC4

코드랩 아카데미 4차 프로젝트
React(ts), Express(ts), Flask, Oracle, OpenAI(Assistant API)

링크 | 전체화면 | 소스코드

AICC3

코드랩 아카데미 3차 프로젝트
React, Express, Flask, Oracle

링크 | 전체화면 | 소스코드

AICC2

코드랩 아카데미 2차 프로젝트
Express, Oracle

링크 | 전체화면 | 소스코드

AICC1

코드랩 아카데미 1차 프로젝트
HTML5, CSS, JS, JQuery

링크 | 전체화면 | 소스코드

Test Pages

Browser API - STT

음석인식 녹음/출력 테스트

링크 | 전체화면 | 소스코드

Snake Game

웹게임 만들기

링크 | 전체화면 | 소스코드

쳇봇 대본 연습

대본 JSON 관리하는 요령 연습

링크 | 전체화면 | 소스코드

모바일 움직임 테스트

모바일에서 받아올 수 있는 데이터 확인

링크 | 전체화면 | 소스코드

모바일 GPS

모바일 GPS 정보 받아오기 연습

링크 | 전체화면 | 소스코드

차트 그려보기

차트 출력 및 갱신 연습

링크 | 전체화면 | 소스코드