About This Project
안녕하세요! 웹 기술을 활용하여 재미있는 인터랙티브 경험을 만드는 개발자 주동현입니다. 이 공간은 다양한 웹 API와 라이브러리를 실험하고 공유하기 위해 만들어졌습니다.
기술적 특징 (Technical Overview)
1. Teachable Machine & TensorFlow.js
구글의 Teachable Machine을 활용하여 브라우저 환경에서 별도의 백엔드 서버 없이도 고성능의 이미지 분류 모델을 구동합니다. 사용자의 개인정보(영상)는 서버로 전송되지 않고 클라이언트 측에서 안전하게 처리됩니다.
2. Web Components
모든 주요 기능은 재사용 가능한 Web Component(Custom Elements)로 모듈화되어 있습니다. Shadow DOM을 사용하여 스타일과 로직을 캡슐화함으로써 유지보수성을 높였습니다.
3. Responsive Design
모바일 퍼스트(Mobile-First) 디자인 원칙을 적용하여 스마트폰, 태블릿, 데스크탑 등 어떤 기기에서도 최적화된 화면을 제공합니다. CSS Variables와 Media Queries를 적극 활용하여 유연한 레이아웃을 구현했습니다.