포트폴리오 개발 정리

뭔가 개성있는 포폴 페이지가 만들고 싶었다. 요즘 뉴모피즘 다음으로 클레이모피즘이 유행이라고 해서 그리고 단순하게 클레이모피즘이 예쁘고 맘에 들었기 때문에 클레이모피즘을 적용해 포폴 페이지를 만들고 싶었다. 그래서 먼저 Figma로 만들고 싶은 페이지를 구상해봤다. 모니터 크기별로 대응할 수 있도록 width를 (위 사진의 빨간 영역) 1000px~1100px을 넘지 않게 구상했어야했는데, ...

figmaaosImage Sprite클레이모피즘github pages포폴vue다크모드Image Sprite

앱 캐싱 | 웹 뷰에서 업데이트된 페이지를 열지 못하는 이슈

4월 출석 이벤트 페이지를 배포하여 해당 페이지를 웹 뷰로 열었는데, 기존의 3월 출석 이벤트 페이지가 로드되는 문제가 발생했다. 앱에서는 캐싱을 통해서 한번 방문한 페이지에 대한 리소스들을 저장한다. 따라서 기존 3월 이벤트 페이지의 리소스들을 캐싱한 채, 새로 업데이트 된 4월 이벤트 페이지 리소스를 받아오지 못하였다. (기존 페이지와 새로운 페이지의 URL이 동일한 상황) 1. 앱에서 ...

웹 뷰aos안드로이드iOS앱 캐싱aos

Interactive한 페이지를 나도 한번 만들어보자!

너무도 당연한 말이겠지만 기능 중심으로 개발을 하다보면 결과물이 내 노력만큼 만족스럽지 못할 때가 종종 있습니다. 그럴때 아주 간단한 방법으로 결과물을 퀄리티를 높일 수 있는 방법이 있는데, 저는 그중에도 fade-effect를 꼽고 싶습니다. 의 fade-effect 개인적으로 깔끔하고 직관적인 페이지의 예시라고 생각합니다. 랜딩페이지는 각각의 기능을 가진 아이콘들이 모이고 스크롤을 통해 ...

fade inaosscrollJavaScriptslideintersection observerfadeJavaScript