[프론트엔드] 저의 개발 활동을 녹여내는 포트폴리오를 개발중입니다.

안녕하세요.

어느덧 2년차 개발자가 되어가는 프론트엔드 개발자 소지우입니다.

새롭게 개발 중인 포트폴리오라 보여드릴 내용이 많이 없지만, 홍보차 글을 작성하게 되었습니다.

지금보다도 더 발전해 가는 프로젝트가 될 예정입니다. 많은 관심 부탁드립니다.

우선 이번에 만드는 포트폴리오는 나 자신을 표현하는 포트폴리오입니다. 화면에는 맥북이 있는데요. 이 맥북 모델은 제가 실제로 개발 업무나 항상 개발을 하는 때 들고 다니는 맥북 모델입니다.

이 맥북 모델에 대한 의미와 이 맥북으로 이루어낸 저의 개발 활동을 애플리케이션 구조화를 통해 녹여낼 예정입니다. 힘든 작업이 될 거라고 예상하지만, 그래도 여러가지 이슈를 만나보며 새로운 경험을 하고 있어 유익한 시간이 되고 있습니다.

이 프로젝트는 맥북 모델이 있고, 맥북 화면으로 카메라가 이동하여 화면 안에서 화면을 조작하는 컨셉의 웹 포트폴리오입니다. 이 동작은 Henry Hefferman이라는 소프트웨어 개발자의 포트폴리오에서 영감을 얻었습니다.

화면 안에 화면에서 무언가 동작한다는 것이 상당히 인상 깊게 다가왔고, 저는 이것을 "나만의 스타일"로 재해석해보고 했습니다.

한번씩 방문해서 혹시나 피드백이 필요한 부분이 있으면 말씀 부탁드립니다!

자세한 내용은 블로그에서 정리하고 있습니다! 아래는 환경에 대한 설명입니다.

https://jiwooproity.tistory.com/13

웹 사이트

https://www.jiwoo.so

개발 환경

Vite + React, Typescript, Node.js ( Notion Client API Proxy )

API

Notion API ( Memo Application )

Git Release API ( Terminal Application )

배포 환경

Cloudtype.io

라이브러리

Three.js ( Fiber, Drei ) : 3D 모델 렌더링

Day js 화면 시간 데이터 관리

Recoil 전역 상태 관리

maath, gsap 카메라 애니메이션 좌표 계산

2024.04.05

배포 환경 이슈가 발생하여 잠시 서비스를 중단합니다.

빠른 시일 내 해결하도록 하겠습니다.

2024.04.06

이슈 해결 완료되었습니다.