본문으로 건너뛰기
Jun's Portfolio
프로젝트
사이드·

Jun's Portfolio (Next.js)

지금 보고 계신 이 사이트. Next.js와 Tailwind로 리뉴얼했습니다

반응형과 SEO를 생각해 App Router로 다시 만들었습니다

리뉴얼한 포트폴리오의 SKILL 섹션. 기술 아이콘이 카드 그리드로 놓이고 아래에 각 기술로 무엇을 할 수 있는지 설명이 붙어 있다
같은 화면의 모바일 레이아웃. 좁은 폭에 맞춰 카드가 다시 배치된 모습

이렇게 만들었습니다

첫 번째 포트폴리오 사이트를 새롭게 개편한 리뉴얼 포트폴리오 프로젝트입니다.

Next.js를 고른 이유

리뉴얼한 사이트는 간단한 페이지라 특별한 프레임워크가 필요하지는 않았지만, 앞으로의 확장과 유지보수, SEO 최적화를 생각하면 Next.js가 낫겠다고 판단하였습니다.
컴포넌트 스타일을 손쉽게 손볼 수 있는 Tailwind CSS로 첫 포트폴리오에서 문제였던 반응형 디자인을 해결해, 모바일에서도 깨지지 않는 일관된 화면으로 만들었습니다.
Next.js로 개발한 만큼 배포는 Vercel로 간단히 끝냈습니다.

남은 것

이번 리뉴얼에서 반응형 웹 디자인이 왜 중요한지 몸으로 알았고, 사용자 경험을 고려한 개발이 어떤 것인지도 감을 잡았습니다. 이 포트폴리오는 새로운 정보와 프로젝트로 계속 채워 나갈 생각입니다.