YUNHEUR
YUNHEUR
April 12, 2019
webpack-spritesmith로 CSS 스프라이트 자동화 적용기
문서(doc, ppt, xls 등)를 볼 수 있는 이미지 뷰어를 개발 할 때, IE와 모바일 브라우저에서 이미지 요청을 줄여 성능을 향상 시키기 위해 CSS Sprite 자동화를 적용하면서 알게된 것을 정리 합니다.시작하기에 앞서 CSS Sprite 자동화를 적용한 프로젝트는 webpack과 scss를 사용하고 있으며, 이에 맞게 CSS 스프라이트 자동화를 적용 했습니다.CSS 스프라이트(Sprite…
Keep Reading
January 06, 2019
iOS와 Android 기기 브라우저의 스크롤 동작 비교
문서(doc, ppt, xls 등)를 볼 수 있는 이미지 뷰어를 데스크탑 브라우저 뿐만 아니라 모바일에서도 사용할 수 있도록 개발하면서 알게된 iOS와 Android 기기 브라우저의 스크롤 동작에 대한 차이점을 정리합니다.이미지 뷰어 레이아웃의 스타일은 아래와 같이 적용되어 있었습니다.Android 기기의 브라우저는 스크롤시 가속도가 붙은 상태로 동작하고, 핀치줌을 한 후 본문 영역을 스크롤하면 넘어선 내용을 모두 확인 할 수 있었습니다.하지만 iOS…
Keep Reading
December 31, 2018
2018년 회고
2018년 "블로그를 시작해야지"라는 생각을 하고 블로그 개발을 시작했는데, 생각보다 늦어져서 2019년이 코 앞까지 다가왔다. 남은 기능은 천천히 개발하기로 하고, 새해가 되기 전 2018년을 돌아보는 것으로 첫 포스팅을 시작하려고 한다.웹 개발 시작201…
Keep Reading