Demo Pages

물리 시뮬레이터

단진동, 진자, 이중진자
물리학 실험 및 설명 페이지입니다.
실시간으로 phase diagram을 확인하고
csv 파일로 데이터를 받을 수 있습니다.

바로가기 | APP

exhibition

전시관 3D
전시관 3D 웹뷰어입니다.

바로가기 | APP

Earth 시뮬레이터

남극의 백야, 극야 현상 보기
시뮬레이터 시간 n 배속해서 보세요.

바로가기 | APP

qrcode

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

바로가기 | APP | 소스코드

OpenAI API - Assistant

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

바로가기 | APP | 소스코드

react blog 테스트 (목록 CRUD)

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

바로가기 | APP | 소스코드

image map (이미지 CURD)

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

바로가기 | APP | 소스코드

Project Pages

AICC4

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

바로가기 | APP | 소스코드

AICC3

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

바로가기 | APP | 소스코드

AICC2

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

바로가기 | APP | 소스코드

AICC1

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

바로가기 | APP | 소스코드

Test Pages

Browser API - STT

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

바로가기 | APP | 소스코드

Snake Game

웹게임 만들기

바로가기 | APP | 소스코드

쳇봇 대본 연습

대본 JSON 관리하는 요령 연습

바로가기 | APP | 소스코드

모바일 움직임 테스트

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

바로가기 | APP | 소스코드

모바일 GPS

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

바로가기 | APP | 소스코드

차트 그려보기

차트 출력 및 갱신 연습

바로가기 | APP | 소스코드