본문 바로가기

개발일상

[PORTFOLIO] 풀페이지 사이트의 모바일 사이즈를 고려하자(교훈)

 

작업을 하다보니 갑자기 문득 생각이 났다.

 

생각해보니 이건 포트폴리오 사이트라 정보가 많고,

모바일 사이즈에서 보면 정보가 너무 많아서 한 섹션 안에 내용이 넘칠 것 같은데 어떻게 해야하지...?

 

이건 풀 페이지 사이트로 만들기로 했는데...? 어라?

그렇다... PC 사이즈 화면만 생각하고 있었는데, 그걸 모바일로 작업했을 때의 일을 생각하지 않은 것이다.

 

 

그래서 일단 해결책으로 생각해 둔 바로는

모바일 사이즈에선 풀페이지가 아닌 기본 스크롤 방식이 되도록 작업을 해보려 한다.

어떻게 할지는... 반응형 작업을 하면서 고민해보자!

 

 

덕분에 앞으로 반응형 작업을 할 때는 이런것들도 생각을 해봐야 겠다는 교훈(?)을 얻었다. 🥲

 




모바일은 풀페이지가 안 되도록 해서 해결...

결국 모바일 사이즈에서는 풀페이지 플러그인이 작동 안 되도록 예외처리를 해서 작업했다!

그러다보니 애니메이션 효과를 넣을 때 풀페이지 따로, 모바일 페이지 따로 적용을 해줘야했다. 😂

어쩔 수 없지만 그래도 잘 동작한다는 것 & 문제를 해결했다는 것에 의의를 두기로!