#CSS/2일 전<select>를 꾸미려고 드롭다운을 새로 만들 필요가 있을까?디자인 시안의 선택창에는 상태별 색상과 여백, 선택 표시가 들어 있다. 기본 `만으로는 구현하기 어려워 보인다. 그렇다고 `와 JavaScript로 드롭다운을 다시 만들면, 이번에는 키보드 조작과 포커스, 폼 제출까지 직접 챙겨야 한다. 최근 브라우저가 넓히고 있는 선택지는 그 중간에 있다. 실제 `` 요소를 유지하면서, 펼쳐지는 목...
<select>를 꾸미려고 드롭다운을 새로 만들 필요가 있을까?디자인 시안의 선택창에는 상태별 색상과 여백, 선택 표시가 들어 있다. 기본 `만으로는 구현하기 어려워 보인다. 그렇다고 `와 JavaScript로 드롭다운을 다시 만들면, 이번에는 키보드 조작과 포커스, 폼 제출까지 직접 챙겨야 한다. 최근 브라우저가 넓히고 있...CSS2일 전gwanhun1
반응형 이미지의 sizes를 매번 계산해야 할까? sizes="auto"가 바꾸는 것상품 카드가 모바일에서는 한 줄에 하나, 데스크톱에서는 두 개씩 놓인다고 해보자. 이미지는 카드 너비에 맞춰 줄어드는데, 브라우저가 내려받는 파일까지 적절한 크기인지는 별개의 문제다. srcset에 여러 크기의 이미지를 준비해도 sizes가 실제 레이아웃과 맞지...auto브라우저반응형모바일+14일 전gwanhun1
버튼 옆 설명창에 JavaScript가 꼭 필요할까? CSS 앵커 포지셔닝 활용법버튼 옆에 작은 설명창 하나를 띄우는 일은 간단해 보인다. 버튼의 위치를 구하고, 그 아래에 설명창을 배치하면 된다. 문제는 그다음이다. 화면 끝에서는 설명창이 잘리고, 스크롤하면 버튼과 떨어지며, 문장이 길어지면 처음 계산한 위치가 맞지 않는다. 작은 UI에 좌...앵커 포지셔닝CSSUI5일 전gwanhun1
SPA 성능 측정이 달라진다: 첫 로딩 이후를 보는 Soft Navigation상품 목록은 빠르게 열렸다. 그런데 상품을 누르자 화면이 잠시 멈춘다. 뒤로 돌아가는 동작은 괜찮지만, 다른 상품을 선택하면 다시 기다려야 한다. 이런 서비스의 성능을 첫 페이지 로딩 결과만으로 설명하기는 어렵다. 사용자는 사이트에 접속하는 시간뿐 아니라, 그 안...CLSLCPINPSoft Navigation+16일 전gwanhun1
Meta’s Muse Spark Open Is Here—But Is It Actually Free to Use?Meta has released the weights for Muse Spark Open. That does not mean it has launched a free, unlimited alternative to ChatGPT. The distinction mat...sparkmetaai2주 전gwanhun1
Gemini 4 Argon Is Rolling Out: Can You Use It With Google AI Pro?Google’s Gemini 4 Argon rollout comes with an important answer for paying users: according to the Gemini app’s October 13 release notes, the new mo...ArgonaiGemini2주 전gwanhun1
Meta Muse Wonder vs Wonder Full: API Pricing and the Access CatchBefore you compare Meta’s new models with your current coding assistant, check which one you can actually use. Muse Wonder is available through the...MetaMuseAI agentsMuse Wonder2주 전gwanhun1
이메일 주소를 가진 AI 동료: Google Gemini agent가 바꾸려는 일새 팀원이 들어왔다. 이메일 주소가 있고, 채팅방에서 이름을 부르면 답한다. 문서 수정 기록에도 자기 이름이 남는다. 그런데 사람이 아니다. Google은 10월 8일 Gemini at Work에서 업무용 Gemini agent를 발표했다. 그중 눈에 띄는 구상은...GeminiAIGoogle2주 전gwanhun1
Did Gemini Remove Free Pro Access? What Google's Auto Mode Actually ChangesBefore you pay to get Gemini Pro back, check whether you actually lost access—or lost the ability to choose it. Those are different changes. Recent...Gemini3주 전gwanhun1
Claude Haiku 5.5 가격, 정말 저렴할까? 10만 토큰에서 달라지는 계산입력에 2,000토큰을 더 넣었을 뿐인데, 요청 비용이 약 다섯 배가 된다. Claude Haiku 5.5의 가격표에서는 가능한 일이다. 오류나 숨겨진 과금이 아니라, 요청의 입력 길이에 따라 단가가 바뀌는 구조 때문이다. Anthropic은 10월 7일 Haik...HaikuClaude3주 전gwanhun1