컴퓨터 그래픽스, 인터랙티브 시각화 강의 중 구현한 OpenGL 프로젝트들과 2019년부터 개인 프로젝트의 일환으로 작업해온 2D / 3D 디지털 미디어 콘텐츠 및 외주 작업물들을 소개하는 웹페이지입니다.

반응형 웹으로 3개 페이지 인터랙션을 구현하였습니다.

프레임워크로 React를 사용하였고, 전역 state 관리를 위한 recoil 적용 및 three.js 일부 기능을 사용하여 블렌더로 작업한 gltf 파일을 로드하였습니다. 이외 css 애니메이션 구현 및 video 태그를 사용했습니다.

이외 상세 인터랙션 구현 사항 및 회고는 README.md에 작성되어 있습니다.

해당 프로젝트를 진행하며, redux 외 전역 state 관리 라이브러리(recoil)를 사용하는 경험을 했습니다.

구현 중 UI, 인터랙션, 애니메이션으로 인한 성능 하락 이슈가 발생했었고, 사용자 경험 관점에서 안정적 Frame Rate를 제공, 시각적 편안함에 초점을 맞춰 이미지 / 비디오 리소스 Resize 및 최적화를 추가로 진행하였습니다.

개발을 하면서 필요한 지식들과 개발 과정의 트러블 슈팅 과정을 기록하고 필요시 열람하기 위한 블로그 제작 프로젝트입니다. CRUD 구현하였으며, firebase DB와의 비동기 통신과 기본적인 블로그 기능들을 구현하였습니다.

동일 스타일링을 적용한 Vue / vuex 블로그, Typescript / React / redux 블로그를 각각 구현하였습니다.

페이지 디자인은 kakao brunch 디자인을 참고했습니다.

데이터베이스(Firebase) 접근 및 필요에 따른 데이터 배열을 다뤄서 게시글 작성 및 읽기 기능을 구현하였고, 이외 카테고리 데이터 입력 및 활용할 수 있도록 하였습니다.

과거 개발 경험이 있는 Vue2와 비교, Vue3의 새로운 문법의 효용성을 체감했고, 동일한 CRUD 프로젝트를 React로도 제작해보며 프레임워크 차이 및 서로 다른 개발환경을 경험하였습니다.