포트폴리오사이트 UI를 개선하며

왼쪽 before 오른쪽 after

페이지 순서 변경

처음 포트폴리오 사이트를 개발한 후에 피드백을 얻고자 부모님과 멘토님 그리고 주변 사람들께 배포한 사이트를 보여주고 의견을 들었습니다.

 

-  겨울이 끝나가기 때문에 눈 내리는 화면 대신 다른 화면이 보이면 좋을 듯하다.

- 첫 페이지에 프로젝트가 나오면 더 좋을 듯하다.

 

등의 피드백을 반영하여 수정하였습니다. (피드백 주신 분 모두 감사합니다 )

 

확실히 기존의 UI보다 지금 UI 가 내가 보기에도 훨씬 좋다.

 

네비게이션바에 스크롤 스파이를 적용

 

변경 전에는 헤더 즉 네비게이션 바에 있는 목록을 클릭해서 페이지를 이동하는 방식이었지만,

 

스크롤을 내려서 페이지를 보여주는 것이 사용자입장에서는 굳이 마우스를 움직여서 클릭할 필요가 없기 때문에 더 좋다

 

는 생각에 스크롤 스파이를 적용하였다.

 

스토리북 작성에 대한 아쉬움

 

배포 후에 refactor 브랜치를 만들어서 작업하였는데 코드 입력 후에 변경된 사이트를 보고자 yarn build, yarn start 이 두 가지 명령어를 변경할 때마다 입력하며 개발하였다.

 

하지만 굳이 그렇게 하지 않고 스토리북을 작성하고 개발했더라면 스토리북에서 변경된 컴포넌트를 볼 수 있었을테고 개발 생산성이 올라갔을 것이다.

 

 

https://www.parkgaini.com/  (제 포트폴리오 사이트입니다.)