FE News

25/9

• https://css-tip.com/explore/alignment/?utm_source=CSS-Weekly&utm_medium=newsletter&utm_campaign=issue-620-september-5-2025&_bhlid=ccb10ebaec711ef83dac0521b12eff746e3bb8e4
• https://www.jonoalderson.com/performance/youre-loading-fonts-wrong/

25/8

• https://www.jonoalderson.com/conjecture/javascript-broke-the-web-and-called-it-progress/
• React
  • https://playfulprogramming.com/posts/react-history-through-code
  • https://tkdodo.eu/blog/the-useless-use-callback?ck_subscriber_id=2915906285
• Vue
  • https://vercel.com/blog/nuxtlabs-joins-vercel
• SVG
  • https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/

25/2

• Cascading Spy Sheets: Exploiting the Complexity of Modern CSS for Email and Browser Fingerprinting

  • 최신 CSS 기술이 단순한 웹 디자인을 넘어서, 사용자 추적 및 개인정보 침해의 위험을 어떻게 증가시킬 수 있는지를 연구한 논문
  • CSS는 단순한 디자인 도구가 아니라, 사용자의 환경을 추적하는 도구로 악용될 수 있음
  • JavaScript를 차단해도 CSS만으로 운영체제, 브라우저 종류, 글꼴 정보 등을 수집 가능
  • 이메일 클라이언트에서도 CSS를 이용한 추적이 가능하며, 특히 HTML 이메일을 통한 공격이 가능
  • 방어를 위해 CSS에서 원격 요청을 막거나, 이메일 클라이언트에서 프리로딩 기법을 적용해야 함

• Toss Frontend Fundamentals : 가독성, 예측 가능성, 응집도, 결합도

• 컴포넌트 기반 UI 라이브러리 shadcn/ui / ing...

• https://evan-moon.github.io/2024/12/23/the-illusion-of-a-right-answer/

• https://github.com/shadcn-ui/ui

• https://github.com/orgs/web-infra-dev/discussions/24

• https://cispa.de/en/research/publications/84162-cascading-spy-sheets-exploiting-the-complexity-of-modern-css-for-email-and-browser-fingerprinting

• https://v0.dev/

• https://frontend-fundamentals.com/

• https://calendar.perfplanet.com/2024/breaking-up-with-long-tasks-or-how-i-learned-to-group-loops-and-wield-the-yield/

• https://betaacid.co/blog/boosting-multithreaded-performance-with-atomicspause-in-javascript

• https://d2.naver.com/helloworld/3435419

• https://d2.naver.com/helloworld/8149881

• https://fullystacked.net/portal/

24/12

Web AI Summit 2024 Recap: Client-Side AI for Developers

• 클라이언트 측에서 AI를 사용하는 개발자를 위한 Google 최초의 서밋 이벤트
  • Web AI
  • WebNN(Web Neural Network) API
    • 웹 ML 가속화를 위한 새로운 통합 W3C 웹 표준 API
    • WebAssembly, WebGPU 등 첨단 웹 기술은 브라우저에 실제로 AI 기능을 도입함, WebNN API는 그 모멘텀을 활용하여 AI 가속기 하드웨어(NPU)가 장착된 기기를 포함해 AI 워크로드가 웹 표준을 기반으로 한 다양한 기기에서 더 빠르고 효율적으로 실행될 수 있도록 하는 것을 목표로 함
  • Transformers.js
  • ml5.js
    • https://ml5js.org/
    • https://github.com/ml5js
    • TensorFlow.js를 기반으로 개발된 오픈소스 라이브러리
• https://developers.googleblog.com/en/web-ai-summit-2024-recap/
• https://www.youtube.com/playlist?list=PLNYkxOF6rcIAEVKJ98bDkQRkwvO4grhnt