Web frontend 재밌는 아티클 모음

기술 블로그

• 국내외 기술 개발 블로그들 (TechBlogs)
• 김용찬님 블로그

아티클

Javascript

• 자바스크립트에서 객체지향을 하는게 맞나요? - 요즘 IT
• 자바스크립트 엔진의 최적화 기법 (1) - JITC, Adaptive Compilation - NHN Cloud Meetup!
• 커스텀 에러와 에러 확장
• [Node.js] 개념 이해하기

Typescript

• 공변성이란 무엇인가
• 바벨과 타입스크립트의 아름다운 결혼 - Toast UI

React

• React I Love You, But You're Bringing Me Down
  • [번역] 리액트, 널 사랑하지만 넌 나를 슬프게 해
  • [번역] 리액트 개발자의 답장 "리액트, 널 사랑하지만 넌 나를 슬프게 해"
• 전역 상태 관리에 대한 단상
• Hook의 동작 원리 이해하기

WEB

• 웹 서비스 캐시 똑똑하게 다루기 - 토스
• 웹 폰트 로딩을 더 빠르게 하는 방법
• 어서 와, SSR은 처음이지? - 도입 편
• 웹 성능을 위한 이미지 최적화
• HTML srcset sizes 한국에서 제일 쉽게 설명
• PNG, JPG, or JPEG: What is the Difference Between These Image Formats and How to Choose Them?

CSS

• 카카오웹툰은 CSS를 어떻게 작성하고 있을까? - kakao
• CSS Triggers
• opacity는 reflow가 발생 안 한다구요...? 정말??
• 역사로 알아보는 CSS가 어려워진 이유 1편
• 역사로 알아보는 CSS가 어려워진 이유 2편

CS

• 블로킹 vs 논블로킹, 동기 vs 비동기
• BFF - Backend for Frontend Design Pattern with Next.js
  

기여하기

1. 해당 레포지토리를 fork한다.
2. 추가하고 싶은 아티클 주소를 리스트 형식으로 README.md에 첨부한다.
3. PR을 작성한다.