NomadCoder 플러터 10주 스터디 이후 목표 중 2번째 개인 프로젝트
플러터 개인 포트폴리오 웹사이트 개발
전에 만들어두었던 취업용, 입학용 이력서와 파워포인트가 비루해 보일 즈음 Flutter 툴을 배우게 되었고 매우 매우 쉽고 효율적이라는 것을 알게 되었다!! 그래서 결심한 Flutter와 Firebase를 활용한 포트폴리오 Web으로 리뉴얼!
크게 Education, Career, Projects 3개의 탭으로 구성했습니다.
1. Eduation
TimeLine Widget을 사용해서 아래로 가는 타임라인을 구현하였고, 스크롤 컨트롤러를 이용, 페이지의 스크롤 높이를 감지해 배경화면과 좌, 우측 애니메이션을 제어하여 화면 효과를 주었습니다.
2. Career
Career탭은 배경화면 바뀌는 효과는 유지하되 Web 환경에서는 MouseRegion Widget을 통해 호버링 효과를, App 환경에서는 GestureDetector Widget을 통해 OnTap시 AnimatedContainer의 형태를 변화시키는 방법으로 구현했습니다.
3. Projects
Projects 탭은 CarouselSlider Widget을 통해 좌우로 위치한 슬라이드 느낌으로 구현하였고 그에 따라 배경 이미지로 변화시켰습니다. 그리고 해당 이미지를 탭하면 확대할 수 있는 팝업을 띄워서 자세히 보고 싶은 분들을 위해 편의성을 제공하고자 했습니다.
4. Contact SideBar(?)
Projects의 목록과 더불어서 Contact 개인 SNS Link와 이메일 등 사이드바 느낌으로 애니메이션을 구성해서 보여주도록 했습니다.
다음 목표는 AI 서비스를 결합한 웹앱을 만드는게 목표입니다!
