연구 및 개발된 모든 시스템 로직과 인터페이스의 기록.
시각화된 데이터를 통해 개발자의 사고 과정을 추적합니다.
데이터 섹션으로 이동할 파티션을 선택하세요.
메신저봇 프레임워크를 이용해 초기에 제작했던 채팅 응답 스크립트들을 모아둔 저장소입니다. 효율적이지 못한 초기 코드들이 다량 포함되어 있으며, 단순 기록 및 보관을 목적으로 하고 있습니다.
Discord.js를 활용해 구현한 다양한 유틸리티 봇 예제 모음입니다. REST API 연동(고양이 이미지, 날씨, 번역)부터 데이터 가공(진법 변환, 모스부호, 아스키 아트), 그리고 한국어 자모 분리까지 디스코드 봇의 다채로운 활용 가능성을 탐구한 코드들을 담고 있습니다.
사이버펑크 터미널 UI 컨셉으로 제작된 개인 포트폴리오 웹사이트입니다. 바닐라 자바스크립트와 CSS 애니메이션을 활용하여 시스템 터미널과 유사한 몰입감 있는 인터페이스를 구현했습니다.
사용자 정의 알고리즘을 활용한 효율적인 좌석 배치 및 관리 솔루션입니다. 랜덤 배치, 파트너 매칭, 빠른 좌석 선정 등 직관적인 UI와 기능을 제공합니다.
중앙 서버 없이 WebRTC와 P2P 기술을 활용해 구축된 보안 강화형 1:1 메시징 플랫폼입니다. 실시간 데이터 채널을 통한 직접 연결로 데이터 보안과 익명성을 보장합니다.
논리적인 5가지 질문과 수리적 알고리즘을 결합하여 사용자의 연령을 추론하는 웹 애플리케이션입니다. 간단한 인터랙션을 통해 알고리즘의 예측 정확도를 시각적으로 보여줍니다.
CSS와 JavaScript를 조합하여 시각적인 공포 효과와 글리치, 점프스퀘어 연출을 실험한 프로젝트입니다. 웹 환경에서 동적인 애니메이션과 스크립트를 통해 사용자에게 심리적 긴장감을 주는 기법을 탐구합니다.
웹 브라우저 상에서 직접 채팅 반응형 봇을 설계하고 테스트할 수 있는 개발 도구입니다. 사용자 정의 스크립트가 실제 환경에서 어떻게 동작하는지 실시간으로 시뮬레이션합니다.
웹 기반 인터페이스에서 챗봇 로직을 제작하고 이를 로컬 환경에서 실행할 수 있도록 연동하는 시스템입니다. 터미널 환경의 명령어를 웹으로 이식하여 명령 체계를 시각화했습니다.
표준 웹 페이지 제작을 위한 HTML5와 CSS3의 구조적 설계 방식을 학습한 기록입니다. 반응형 레이아웃과 웹 표준을 준수하는 시맨틱 마크업을 중점적으로 다룹니다.
선언적 UI 프로그래밍과 컴포넌트 기반 아키텍처를 이해하기 위한 React 학습 과정입니다. 가상 DOM의 효율성과 상태 관리 라이브러리의 활용 방식을 탐구합니다.
자바스크립트의 핵심 개념부터 ES6+ 최신 문법까지 깊이 있게 다루는 학습 저장소입니다. 실행 컨텍스트와 프로토타입 등 언어의 내부 작동 원리를 분석합니다.
Discord.js 라이브러리의 기능을 테스트하고 실험하는 전용 샌드박스 환경입니다. 비동기 자바스크립트 핸들링과 봇 상호작용의 핵심 원리를 학습합니다.
자바스크립트의 언어적 특성을 깊이 있게 탐구하는 실험실입니다. 참조 데이터 타입의 동작 원리, 깊은/얕은 복사, 그리고 ES6+ 최신 문법을 실제 코드로 구현하며 언어의 심층부를 분석합니다.