분류 전체보기28 [Alert UI] Snackbar와 Toast Message의 개념과 차이점 알림을 제공하는 UI는 다양하다.그중 Snackbar / Toast Message의 차이에 대해 알아보자. Alert의 개념먼저 Alert 는 정보를 전달하고 주의를 끄는 역할을 하는 Snackbar, Toast Message, Dialog, Banner 등의 모든 형태를 포함하는 '상위 개념' 으로써 컴포넌트가 아닌 'Notification 구현 방법'이라고 볼 수 있겠다.Alert은 '정말 삭제/저장하시겠습니까?'와 같은 확인 메시지를 위와 같은 Dialog 형태로 제공될 수도 있고 서비스 점검, 네트워크 연결 중단, 평가판 유효기한 등 서비스 이용과 관련된 다양한 정보를 제공하는 Banner 형식의 Alert으로도 제공될 수 있으며, 오늘 다룰 Snackbar와 Toast Message 뿐만 아.. 2025. 1. 27. PX vs % Line-height 단위의 특징과 장단점, 선택 기준, 추천 전략 line-height는 텍스트 가독성을 결정하는 중요한 요소이다. 일반적으로 픽셀(px)과 퍼센트(%) 단위가 많이 사용되는데, 각각의 차이점과 장단점을 이해하면 더 효과적인 타이포그래피 디자인이 가능하다. 본 글에서는 px과 % 단위의 line-height가 어떤 특징이 있는지, 언제 사용해야 하는지, 그리고 각 방식의 장점과 단점이 무엇인지 소개하려 한다. 1. PX 단위 Line-height의 특징과 장단점픽셀(px)은 고정된 크기를 의미하며, 브라우저나 화면 크기에 관계없이 동일한 높이를 유지하는 것이 특징이다.p { font-size: 16px; line-height: 24px; /* 글자 크기의 1.5배 */}PX 단위의 장점정확성과 일관성 : px 단위는 고정된 값을 가지므로, 모든 디.. 2025. 1. 18. 사례를 통해 알아보는 클론코딩의 개념과 장단점, 활용법 통합테스트를 진행하던 중 함께 일하는 기획자 사원분이 말했다. 우선 클론코딩으로 빠르게 확인해 봤는데고쳐야 할 부분이 꽤 많이 보이더라고요. 클론코딩의 개념위 사례에 등장하는 '클론코딩'이 무엇인지 개념부터 살펴보자.클론코딩(Cloning Cording)이란? 특정 프로젝트, 웹사이트, 앱, 또는 서비스를 모방하며 개발을 학습하는 방법론이다. 이는 유명한 제품이나 서비스를 그대로 복제(클론)하는 과정에서 기술과 개념을 익히는 데 중점을 둔다. 단순히 디자인을 흉내 내는 것뿐만 아니라, 기능 구현과 사용자 경험(UX)까지 최대한 유사하게 만드는 것이 목적이다. 이를테면 디자이너가 신입시절 해상도별 적절한 폰트 크기나 행간에 대한 감각을 익히기 위해 유명한 웹사이트를 보고 그대로 복제하여 따라 그려보는 .. 2025. 1. 12. 고양이 필수 백신 접종! 접종 간격과 소요시간, 항체가검사 고양이 입양 시 필수 절차! 필수 백신 접종과 항체가검사강아지처럼 고양이 역시 반려동물로서 건강하게 키우기 위해서는 예방접종이 필요하다.그중에서도 입양 후 접종의 첫 스타트라고 할 수 있는 필수 백신 접종에 대해 다뤄보겠다. 고양이 예방접종 종류와 올바른 접종간격고양이를 건강하게 키우기 위해서는 필수적인 백신 접종이 필요하다.고양이 혼합 예방백신은 비기관지염(허피스) + 칼리시바이러스 + 범백혈구감소증 + 클라미디아 이렇게 4종 종합백신이 보통 필수 접종이다.접종 완료 후엔 항체가검사를 진행하여 항체가 기준에 미달한다면 추가 접종을 맞게 된다. 여기서 잠깐 위 질병 중 하나를 살펴보자면, 고양이 범백은 고양이 범백혈구 감소증(Feline panleukopenia)을 뜻하며, 고양이 파보 바이러스(Fel.. 2022. 11. 18. 이전 1 2 3 4 5 다음