프론트엔드가 읽어보면 좋을 글 모음

프론트엔드가 읽어보면 좋을 글 혹은 사이트 모음

• 실용주의 프런트 엔드 개발 (2020.07)

자바스크립트, 타입스크립트 관련 북마크는 여기에서 볼 수 있습니다.

뉴스레터

• Frontend Focus
• ES.next News
• JavaScript Weekly

웹 표준화 기구

• W3C (World Wide Web Consortium)
• WICG (Web Incubator CG)
• WHATWG community

HTML

• HTML Entity Reference
• HTML Cheat Sheet
• 시맨틱하게 HTML을 짠다는 것. (2017.04.02)

CSS

• CSS Snapshot 2018
• Pseudo Class와 Pseudo Element 활용하기 (2016.07.04)
• 10 Best Practices for Improving Your CSS (2020.05.12)
• Ten modern layouts in one line of CSS (2020.07.07)
• Centering in CSS (2020.12.16)
• Debug CSS Grid with Chrome DevTools (2021.01.04)
• The Rules of Margin Collapse (2020.12.16)
• Use CSS Variables instead of React Context
• Sharing data between CSS and JavaScript using custom properties (2021.02.08)

실습

• cubie-bezier (easing 함수 속성)
• Easing 함수 치트 시트
• CSS generator/border
• Bubbly - CSS speech bubbles made easy! (말풍선 CSS)
• Shadows
• CSS Scroll Shadows!
• CSS Stripes Generator

Web & Browser

• Rendering
• [번역] 웹 아키텍쳐 입문 (2018.07.28)

실습

• AST Explorer

React

• How to become a pro with React setState() in 10 minutes (2018.10.06)
• [번역] useEffect 완벽가이드 (2019.10.09)
• React.js Examples
• Why React Context is Not a “State Management” Tool (and Why It Doesn’t Replace Redux) (2021.01.18)
• React Refs: The Complete Story (2020.12.01)
• A (Mostly) Complete Guide to React Rendering Behavior (2020.05.17)
• [react] 페이지 네이션 구현하기 (2020.01.04)
• React TypeScript Cheatsheets

Clean Code

• 8 Tips to keep your code clean in React (2020.06.30)
• React Clean Code (2021.02.25)

MobX

• ANNOUNCING MOBX 6 (2020.12.24)

Unit Test

• Jest, Enzyme 을 통한 리액트 컴포넌트 유닛 테스팅 (2018.03.04)
• Jest로 기본적인 테스트 작성하기 (2019.01.12)
• How to Test Images in React (2020.09.07)

Webpack

• Create App - Frontend build config generator
• JavaScript Modules Part2 A Beginner’s Guide (번역) (2016.08.06)
• Webpack 4의 Tree Shaking에 대한 이해 (2018.11.08)
• 웹팩 핸드북 (2019.12)
• 자바스크립트 개발자를 위한 AST(번역) (2018.06.19)
• Create-React-App의 Webpack 기본 설정 살펴보기 (2020.05.26)
• JavaScript performance beyond bundle size (2021.02.23)
• Through the pipeline: An exploration of front-end bundlers (2021.02.13)

WebGL

• WebGL Fundamentals

WebRTC

• WebRTC-Experiment
• Getting Started with WebRTC (책)

기타

• React-Spring Guide
• React Spring Tutorial: Making Animated React Apps (2020.03.03)
• 모두를 위한 대수적 효과 (2019.07.21)
• Streams—The definitive guide (2021.02.19)