dev-weekly 2024-06-22


CSS

Inline conditionals in CSS?

  • CSSWG에서 inline if 추가하기로 합의.
  • 스타일 쿼리를 대체하는것이 아닌 보완하는 것
  • 브라우저에서 지원하기 까지는 낙관적으로 봐도 2년

Node

What happens when a major npm library goes commercial?

  • ua-parser-js 의 라이선스가 AGPLv3로 전환.
  • 이전버전은 계속 사용 가능

Javascript

State of JS 2023 Result

  • 모바일, 데스크톱 도구 사용량 순위 - 일렉트론, RN, Native App, Cordova, Ionic

How JavaScript Is Finally Improving the Module Experience

  • ESM이 나왔지만 CommonJS로 번들러를 작성하는게 더 쉬움
  • 격차를 해소하고 ESM이 더 잘 작동하도록 하기 위한 “module harmony” 제안

htmx 2.0.0 has been released!

  • htmx 2.0 릴리스. IE 지원종료.
  • npm에는 cdn 의존성 때문에 25년1월1일까지 latest가 1.x으로 표시.

How To Use Google Sheets as a Database With React via Next.js

  • 구글 시트를 데이터베이스로 사용하여 사용자 설문조사 서비스 만들기
  • Google Cloud 셋팅에 대해 스크린샷을 첨부하여 상세한 과정 설명

ETC

NLUX: The Powerful Conversational AI JavaScript Library

  • chatGPT와 같은 언어 모델을 웹앱이나 웹사이트에 통합하려는 경우, 인터페이스 구축하는데 필요한 요소 제공
  • LLM, LangChain, HuggingFace, Vercel AI 등을 지원

2-Page Login Pattern, And How To Fix It

  • 사람들은 어떤 이메일로 가입했는지, 마지막으로 어떤 서비스로 로그인했는지 잊어버리는 경우가 많음
  • 이메일을 먼저 물어보고 올바른 페이지로 리디렉션 하는것이 2-page login의 기본 아이디어
  • SSO가 아닌 사용자에게는 좋은 UX가 아님. 대안으로 SSO 인풋을 추가하고 패스워드를 옵션으로 넣을 수 있음.

pic-small: Compress JPEG, PNG, WEBP, AVIF, SVG and GIF images intelligently

  • 서버를 사용하지 않고 로컬에서 작동하는 이미지 압축 도구

Release