포트폴리오 개발 일기

포트폴리오를 완성했습니다.

이번 글에서는 이 포트폴리오의 개발 과정 등을 적어보도록 하겠습니다. 지금부터 프로젝트를 진행한 후에는 블로그에 기록해보려고요.

사용한 기술

사이트는 Next.js를 이용해 만들었습니다. 제가 Next.js로 만든 최초의 제대로 된 프로젝트 같은데, 꽤 만족스럽습니다. 특히 layout 등의 기능을 사용하니 개발하기가 편해지더군요. 그리고 JavaScript 대신 Typescript를 사용했습니다. 사실 큰 차이는 모르겠습니다 ㅋㅋ;

배포는 Next.js와 가장 궁합이 좋은 Vercel을 이용했습니다. 당연히, Vercel에서 만든 라이브러리이기 때문에 궁합이 좋을 수 밖에 없죠.

페이지들

전체적으로 디자인은 모두 비슷한 느낌이 납니다.

메인

메인 페이지의 가장 윗부분에는 코딩 폰트(Source Code Pro)를 사용해 마치 코드처럼 제 닉네임을 드러냈습니다. 꽤 만족스럽네요. 검정색 베이스에 하이라이트는 파란색(#0060FF)으로 표현했습니다. 검정 + 파랑 조합이 예쁘네요.

 

그리고 아래에는 소개글을 배치했습니다. 제 소개를 하면서 간단한 유머 HTML로 프로그래밍해요 를 넣어주었습니다. 적당히 유머가 들어가니 심심하지 않습니다.

그리고 진행한 프로젝트들을 보여주는 링크를 걸었습니다.

프로젝트 페이지

프로젝트 페이지 또한 위에 코드 스타일로 제목을 만들어 주었고, 왼쪽-오른쪽으로 글자를 배치했습니다. 저 버튼은 적당히 Codepen에서 가져왔습니다. 전체적으로 메인 페이지와 패밀리룩을 이루고 있습니다.

 

총평

개발을 끝내고는 아쉬운 점이 딱히 보이지는 않았는데, 포스팅하고 보니까 아쉬운 점이 많네요. 수정해봐야겠습니다.

Next.js를 거의 모르는 상태에서 시작했다 보니까 시행착오를 많이 겪었던 것 같습니다. 그래도 프로젝트는 재밌었습니다.

 

이번 글은 여기서 마치도록 하겠습니다. 읽어주셔서 감사하고 저는 다음 포스팅으로 돌아오겠습니다.