LMS 플랫폼
강사 및 학생으로 구성되어 강의를 등록 및 관리하고 학생은 강의를 결제하여 학습할 수 있는 학습 관리 시스템(LMS)입니다.
블로그
사이드 프로젝트 중심으로 구성된 풀스택 웹 개발자의 기술 블로그. 개발 여정, 시행착오, 배운 점들을 진솔하게 기록합니다.
망고
망고는 실종 반려 동물을 찾을 수 있도록 도와주는 커뮤니티 서비스입니다.
DEBUG 밴드 홈페이지
지인들과 취미로 함께하는 밴드 모임의 홈페이지를 만들어보았습니다.
Docker Database CLI
React의 CRA처럼 Docker를 활용한 데이터베이스 환경 구성을 CLI를 통해 쉽게 구성해주는 라이브러리입니다. 현재 4개의 데이터베이스를 생성할 수 있습니다.
Particles 라이브러리
쉽게 빠르게 HTML Canvas를 활용한 애니메이션을 적용할 수 있는 라이브러리입니다. 현재 3개의 애니메이션을 제공하고 있으며 쉽게 커스터마이징하여 사용할 수 있습니다.
그때 그 시절 감성 채팅
드라마 스물 다섯, 스물 하나를 보던 중 컴퓨터를 이용해 채팅을 하는 장면을 보고 마우스가 없던 시절의 채팅을 구현해보고자 하였습니다. 그래서 키보드만을 이용해서 채팅을 다른 사람과 채팅을 해 볼 수 있는 프로그램을 만들어 보았습니다. 프로그램을 사용하는 모든 과정에서 마우스는 전혀 필요가 없도록 구현하였으며 텍스트 기반의 명령어 방식을 통해 진행되도록 구현하였습니다.
안드로이드 랜덤채팅 앱
Firebase Realtime Database를 이용해서 구현해본 안드로이드 랜덤 채팅 앱입니다. 대화 상대를 랜덤으로 매칭하여 채팅을 시작할 수 있습니다.
스스로 먹이를 찾는 뱀
Canvas를 활용해 화면에 뱀을 나타내고 랜덤한 위치에 먹이를 놓았다. 뱀은 자신의 위치와 먹이의 위치를 이용해 먹이를 자연스러운 움직임으로 찾아간다. 먹이를 먹게 되면 새로운 먹이가 랜덤한 위치에 생성되고 뱀은 이를 반복한다.
개미 시뮬레이션
개미가 페로몬을 분비하며 먹이를 찾아가는 과정을 직접 구현해보고 싶어 시작하게 되었습니다. 각각의 개미들은 자취를 남기며 먹이를 찾아다니게 되고 먹이를 발견하면 해당 자취를 통해 먹이와 집을 잇는 경로를 만들어 다른 개미들도 이용하게 되는 모습을 구현해보았습니다.
폭죽 애니메이션
Canvas를 통해 폭죽과 화면에 뿌려지는 화려한 점과 선의 애니메이션을 구현해보았습니다.