즐겁게, 코드

연휴를 녹이러 영화도 볼겸 체인소맨 극장판을 봤다. 특이했던 것이 요즘은 롯데시네마 앱에서 영화표를 예매하면 삼성페이에 자동으로 연동된다.뒷단 개발자들이 갈렸을 것 같은데... 간만에 프론트 개발자라 다행이라는 생각이 들었다.그런데 삼성페이를 써보던 중 페이지를 아래로 스크롤하면 티켓과 영화 제목이 자연스럽게 사라지는 애니메이션이 눈에 들어왔다.원래대로라면 티켓 정보를 보여주는 평범한 페이지라 느껴졌을 텐데, 이런 인터렉션을 넣으니 경험이 상당히 괜찮게 느껴져서 직접 만들어보고 싶었다.처음에는 scrub: true 정도만 사용하면 무난하게 만들 수 있을 것 같았는데, 추가로 고려해야 했던 점들이 몇 가지 있었다.최상단 티켓 이미지가 제자리를 유지한 채로 scale: 0에 도달할 수 있도록 pin: tru..

프론트엔드 개발자로의 취업을 준비하는 과정에서 자연스레 UI/UX에도 많은 관심을 갖게 되었는데요, 그러던 중 Diana Malewicz 님의 글을 읽으면서 한국어로 옮겨본 내용입니다. 오탈자 및 오역 지적은 소중히 받겠습니다! 😄 모던 미니멀 UI 스타일 가이드 : A guide to the Modern Minimal UI style 기능, 가독성, 매끄러움, 매력을 모두 갖는 UI 디자인하기 저는 오래 전부터 기능 및 시각적으로 매혹적인 새 디자인이 나타나기를 기다려 왔는데요, 오늘 다룰 모던 미니멀 UI는 오랜만에 제 마음에 쏙 들었습니다. 많은 인터페이스들의 디자인 스타일 유형을 보아왔을 때 눈길을 끌면서도 가독성이 좋고, 친근하면서 너무 튀지도 않는 인터페이스가 바로 UI의 기능성과 디자인을 모..