html(2)
-
[UI/UX] 최근 로그인 표시 기능 - 분석 (feat. 유플러스)
요근래 웹사이트를 이용 중 가장 편리하게 느낀 기능을 따지자면 소셜 로그인 중 최근 로그인했던 소셜이 무엇인지 알려주는 기능이다.취준하면서 만들 프로젝트에서 이걸 구현하면 UX적으로 많이 좋을 것 같아서 구현 전 분석을 해보기로 함. 1. 최근 소셜 사이트를 저장하는 위치는 어디인가?1-1. 클라이언트? 서버?뭐 두 방법 중 정답은 없지만 유플러스에서는 어떻게 구현했을까 확인을 해봤다. 방법은 간단히 브라우저 2개(safari, chrome)를 통해 비교함. safari의 경우 위와 같이 네이버에 최근 로그인이 표시된 것을 확인하고, 크롬을 켜봤다.사파리에서 표시된 최근 로그인표시가 크롬에는 없다. 그럼 서버에서 관리하는 건 아니라는 소리라는 것 확인. 1-2. 로컬스토리지? 세션스토리지? 쿠키?일..
2025.01.23 -
[HTML] 이상적인 숫자 Input, <input type="number">를 쓰지 않는 이유
HTML에서 태그를 사용할 때 보통 type 속성을 설정하여 입력값의 유형을 정의함.예를 들어 type="text"는 기본 텍스트 입력, type="checkbox"는 체크박스를 구현함.근데 number는 잘 사용하지 않는데 궁금해서 찾아보고 이유를 확인함 입력값 제한의 불완전성 위 input에다가 입력값을 넣어보면 알 수 있는데 기본적으로 글자를 모두 제한하지 않음 +, -, .와 같은 특수기호 (+와 -는 덧셈, 뺄셈이 아닌 부호로서만 작용함, ex: +123, -123) e (예: 1e10 형태의 지수 표현) 한글 글자..(글자 제한은 브라우저 단에서 제어하는데 들어가긴함)위 ()의 규칙을 따르지 않으면 console.log에 아무것도 찍히지 않음 (NaN으로 인식되기 ..
2024.12.21