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

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

노마드코더에서 시작하여 1년 10개월정도 프론트개발자로 일을 한 오징어러버입니다.
새로운 직장을 위해 포트폴리오 새단장을 하게되었습니다. 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 모델링 작업도 배우면서 진행한거라 결과가 엄청 대단하지 않지만 시간은 엄청 걸렸던거같습니다. 오래걸렸지만 나름 귀여운 오징어님이 세상에 나왔으니 만족합니다 ㅎㅎ

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