Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
[프론트엔드] 예술을 좋아하는 개발자의 포트폴리오 웹사이트!
#portfolio
3년 전
43,700
16

URL: https://altmshfkgudtjr.github.io/

이미지:

1. 시작 페이지

undefined

2. 메인 페이지

undefined

3. 프로젝트 페이지

undefined

외 3개의 페이지가 존재합니다.

자기소개:

안녕하세요. 제목처럼 예술을 좋아하고, 개발하는 것을 즐거워하는 컴공 재학생입니다!

항상 최적의 사용자 경험을 위해서 고민하면서 프론트엔드 개발을 하고있지만, 서버, CI/CD의 자동화 등 전반적으로 관심이 많은 개발자입니다.

서비스 소개:

먼저 React를 사용하여 제작하였고, Github page로 배포를 진행하였습니다. 또한, 데이터는 json파일로 저장 및 관리하고 있습니다.

본 사이트는 프로필 및 개발 경험들을 나타내는 공간이자, 사용자와 개발자간의 연결을 표현하는 공간을 컨셉으로 제작하였습니다! 그래서 연결이라는 개념을 시작페이지에서 '선'으로 표현하고, 중간에 저를 나타내는 글을 타이핑 애니메이션으로 표현하였습니다.

또한 각 페이지들을 제작하면서, 사용자들이 재미있게 느낄 수 있도록 고민하면서 만들었습니다. 육각형 메뉴가 존재하는 페이지에서는 빈 삼각형을 누르면 애니메이션이 작동한다던지, 프로젝트 페이지는 음반의 느낌으로 제작하는 등이 있습니다. 다만, 프로필 페이지는 재미보다는 직관적인 것이 읽기 편할 것 같아서 애니메이션을 배제하여 제작하였습니다.

더하여 개발자들도 재미를 느낄 수 있도록 Terminal도 만들어봤습니다. +_+

개발 과정:

모든 프로젝트가 그랬듯이 설계하는 부분에서 가장 시간이 오래걸렸습니다. 총 개발 기간 한달동안 디자인하고 동작 과정을 설계하는 과정이 2~3주.. 아이디어가 잘 안 떠오르더군요. ㅠㅠ

그렇게 설계가 끝난 뒤, 개발에 착수했을 때에는 물론 여러가지 난감한 경우가 존재하였습니다. github page에 배포를 고려했을 때 SPA구조는 어떻게 배포해야될지, 메인 컨셉 중 하나인 6개의 삼각형으로 구현된 육각형을 CSS로 구현하는 것이 꽤 생각처럼 잘 되지는 않았습니다. 물론 결국 구현을 다 하고나니 새로 알게된 것도 많고 역시 재미있었다는 생각이 들더군요! 😀

앞으로 계획:

취업!을 위해서 지금 기본기를 좀 더 탄탄하게 만들려고 합니다! 그리고 다들 영어 숙련자들이 많으셔서, 저도 틈틈히 영어 회화를 준비해 놓을려고 합니다. 다국어 능력자들 부럽습니다. %_%

개발자로서 진로를 결정하신 분들 모두 화이팅입니다! 👏

16 comments