몽땅뚝딱 개발자

이미지 제목, 캡션과 혼동되기도 하지만 alt와 달리 해당 속성은 사용자가 이미지 위로 마우스를 가져가면 팝업 텍스트로 표기된다. [사용하는 이유] 1. 웹접근성을 위하여 텍스트 전용 브라우저에서도 방문자가 웹사이트의 콘텐츠에 액세스할 수 있다. 2. 검색엔진 순위 상승 이미지 대체 태그를 사용하면 targeting하려는 키워드의 순위를 쉽게 지정할 수 있다. 대체 속성은 이미지를 번역하고 보다 구체적으로 관련 키워드를 통합하기 위한 텍스트 기반 대안을 제공한다. 키워드가 포함된 텍스트 설명은 이미지 검색에서 순위가 높아질 가능성이 높다. [모범 사례] 구체적이고 서술적이어야 한다. 짧게 유지한다. 최대 125자를 유지한다. 중복하지 말아야한다. '그림의', '이미지의' 같은 설명을 추가하지 않는다. 관..

https://www.htmhell.dev/adventcalendar/2023/2/ You don't need JavaScript for that - HTMHellA collection of bad practices in HTML, copied from real websites.www.htmhell.dev

https://toss.tech/article/smart-web-service-cache

https://developer.comento.kr/post/c-typography-converter-figma-plugin-23-12-18 피그마 Dev mode 플러그인을 만들어서 웹 프론트엔드팀 생산성 높여보기 피그마에서 디자인 시스템 컴포넌트를 활용한 부분을 코드로 손쉽게 변환할 수 있는 피그마 플러그인을 개발해 생산성을 높인 배경과 방법을 소개합니다. developer.comento.kr

https://careerly.co.kr/comments/94891?utm_campaign=user-share

피드백을 제공하는 컴포넌트, Toast/Snackbar 잘 써먹기 위해 정리하는 UI 5편 | 벌써 다섯 번째 글을 쓴다. 4편 Popover 컴포넌트를 정리하면서도 많이 어려웠는데, 이번에 정리할 컴포넌트는 더 어려운 것 같다. 좋아하는 분야이고 실무 경험도 brunch.co.kr

https://developer.mozilla.org/ko/docs/Web/HTTP/Status/205 205 Reset Content - HTTP | MDN HTTP의 205 Reset Content 응답상태는 form의 내용을 지우거나, 캔버스 상태를 재설정하거나, UI를 새로 고치려면 client의 문서 화면 요소를 새로고침하라고 알려준다. developer.mozilla.org

https://medium.com/@cksal4785911/%EC%B6%94%EC%9A%B4-%EC%B1%84%EC%9A%A9-%EC%8B%9C%EC%9E%A5-%EC%9D%B4%EC%A7%81%EC%9D%B4%EC%95%BC%EA%B8%B0-8153103da0d4

https://yozm.wishket.com/magazine/detail/1307/ 브라우저의 사용자 에이전트는 왜 이렇게 복잡하게 생겼을까? | 요즘IT 웹 개발을 하다 보면 자주 마주치게 되는 속성이 있습니다. 바로 사용자 에이전트(UA, User Agent) 스트링입니다. 정확히 이야기하자면, UA는 속성이라기보다는 사용자의 신분을 대신할 수 있는 yozm.wishket.com

https://careerly.co.kr/comments/87111?utm_campaign=user-share 김의중 / 새로운 뷰포트 단위 CSS svh lvh dvh | 커리어리뷰포트를 설정할 때 너비/높이 기반으로 설정하는 것은 편리하고 유용한 방법입니다. 웹 페이지의 레이아웃이 다...careerly.co.kr https://ishadeed.com/article/new-viewport-units/