2019년도 포트폴리오
- https://under-the-sea.vercel.app/

2023년도 포트폴리오
- https://cuttle-portfolio-2023.vercel.app/

2019년도부터 노마드코더에서 시작하여 프론트개발을 계속 하고 있는 오징어러버입니다.
새로운 직장을 위해 포트폴리오 새단장을 하게되었습니다. 2019년도 버전은 배포한 링크들이 많이 날아갔기도하고 2D 오징어에서 3D 오징어로 진화시키고싶기도 했습니다 ㅎㅎ

어떠한 피드백도 환영하니 시간나실때 구경한번 하고 가세요 :)

ps. 포트폴리오 프로젝트는 turborepo + next13(app router) + sass + react-three + google-map 등으로 만들었습니다. 총 작업기간은 한달정도 입니다.





--------------------- 아래는 프로젝트 제작 후기입니다.--

app router는 한번 찍먹해보려고 사용해봤는데 route 폴더구조는 좋았고 터미널 계속 죽는건 너무 별로였습니다 ㅠ 중간중간 로컬서버가 자기멋대로 꺼지는데 띄워져있는 서버 목록보니까 그렇게 꺼지면 프로세스 종료를 안하더라구요.. 버셀 깃헙에 이슈 확인해보니 비슷한 사례가 올라와있긴한데 아직 오프닝상태였습니다 (얼른 고쳐줘용...)

sass는 https://www.spotvirtual.com/blog/why-were-breaking-up-with-css-in-js
이 글보고 다시 한번 써봤는데요. 처음엔 module.sass 방식으로 쓰다가 nested selector는 css 반영이 안되길래 .sass 로 임포트해서 쓰는 방식으로 변경했습니다. 모듈로 갖다쓰면 유니크한 클래스명이 만들어지는데 그거때문에 중첩된 selector가 매칭이 안되어서 반영이 안되던 이슈였습니다.. 이게 너무 불편하더라구요. 다음에 스타일링할땐 너무편한 chakraUI를 다시 쓸 것 같습니다 ㅋㅋ

이번 프로젝트는 3D 모델링 작업도 배우면서 진행한거라 결과가 엄청 대단하지 않지만 시간은 엄청 걸렸던거같습니다. 오래걸렸지만 나름 귀여운 오징어님이 세상에 나왔으니 만족합니다 ㅎㅎ

이상 두서없이 쓴 글 읽어주셔서 감사합니다. 다들 행복하세요 💕