Programmer's Progress

포트폴리오 사이트의 기본적인 형태는 One Page Scroll의 형태인데, Vertical + Horizontal 방식이다. 위의 One Page Scroll은 Vertical하기 때문에 위아래로만 동작하는 것을 확인할 수 있다. 나는 이를 Horizontal하게 움직일수도 있게 설계하기 위해서 방법을 생각했고, position : fixed를 통해 이를 해결했다. HTML : Source Code Programmer's progressLet's study Hello World! 전체적으로는 내부에 과 태그가 삽입되는 과 같은 구조이다. horizontalFullPage는 내부에 page라는 기본 단위를 가지고 있으며, 이 page중 가장 첫 page는 기본적으로 horizonSelected된 상태이므..

다른 프런트엔드 혹은 백엔드 개발자들의 포트폴리오 웹사이트를 여럿 방문하면서 많은 것을 느꼈다. 각자 자신이 보여줄 수 있는 모든 것을 보여주려 한 노력이 엿보였다. 어떤 사람의 포트폴리오는 애니메이션 같은 동적인 부분은 최소화하면서, 정보전달을 중점으로 하는 심플한 모습을 하는가 하면, 다른 사람의 포트폴리오는 화려한 애니메이션과 동작 등 사용자의 눈길을 끄는 것들로 가득하기도 했다. 그중 내게 가장 깊은 인상을 남겼던 포트폴리오 사이트는 바로 원 페이지 스크롤 형식의 포트폴리오 사이트였다. 신입 프론트엔드 개발자 포트폴리오 | 이경환(vue2598@gmail.com) (imkh.dev) 신입 프론트엔드 개발자 포트폴리오 | 이경환(vue2598@gmail.com) Fairy라는 이름은 웹 페이지의 작..