코드를 배우는 것과 소프트웨어 엔지니어가 되는 방법을 배우는 것은 별개입니다. 자바스크립트 메모리 관리 웹 애플리케이션 101 개발자 생산성에 대한 개발자의 생각 개발자를 위한 CI/CD 설정 react useEvent

2022년 react libraries 100 버전이 된 크롬의 지금까지의 여정 요약 좋은 UI를 위한 궁극적인 가이드 코드 조각 검색 및 공유 서비스 LCP 최적화(이미지 관련 힌트) 2022 JS testing best practice 구글 폰트 빠른 로드 *자바스크립트 프레임워크 4번째 시대 - 2012년 부터 자바스크립트 개발을 시작한 저자는 그 때부터 지금까지 주요 자바스크립트 트렌드와 라이브러리를 기반으로 구분하여 각 시대를 정의한다.

comment를 이용한 타입 추론 제안 코드 리뷰 피라미드 - 코드 리뷰를 5가지 관점에서 계층적으로 나눈 시각화 자료를 보여준다. 일반적으로 코드 리뷰 퀄리티가 높지 않다면 코드 스타일과 문법적 스타일 리뷰에 머무를 가능성이 높다. 더 핵심적이고 중요한 부분에 코드 리뷰 시간을 할애 할 수 있도록 도와주는 코드 리뷰 가이드 자료. 웹 애니메이션 성능 기초 Gmail UX 사례 연구 10년 동안 팽창(웹 리소스 크기) 소프트웨에 개발자를 위한 비개발 도서 Ladle - 스토리 북의 경량 및 초고속 드롭인 대안(for React) 접근성 및 사용자 상호 작용 문서화를 위한 디자이너 가이드 Node 아키텍처 모범 사례

React 스토리(영상) - React가 어떻게 현재의 위치에 와있는지를 설명하며 React의 탄생 이전 웹 개발의 상황부터 현재까지를 재미있게 풀어 설명 *소프트웨어 엔지니어로 20년 동안 일하면서 배운 20가지 2022년 React Best Practice React context로 고성능 앱 설계 - Provider는 children만 prop으로 받고 state와 state 변경 로직을 갖는 context를 정의한다. context state와 변경 로직을 사용하는 컴포넌트는 hook으로 직접 사용. 핵심은 Provider 컴포넌트로 children 렌더에 관여하지 않는 비의존 관계를 형성함에 있다. 2022 CSS 웹의 생존편향 - 너무 느려서 측정하지 못하는 케이스는 파악할 수 도 없다는 점에..

RSC 깊이 있게 이해하기 NPP(Non-Productive Programmer) - 편안함에 안주(익숙하고 경험했던 기술에 갖힘) - 경험의 양(양보다는 질이 중요하다는 것을 인지해야 함) - "효과가 있고, 그것으로 충분함"(깊이 있게 알지 못함) - 얕은 이해에 만족(단순히 ReactJS를 사용하는것을 넘어서 작동 원리와 핵심 철학들을 깊이있게 탐구해야 함) - 맹목적으로 만트라를 따름(우리가 현재 놓여져 있는 저변의 환경을 이해하지 못하면서 고전적인 명언과 최신 기술들을 무조건 도입하려 하는걸 경계해야함) PR을 홍보하여 빠르게 병합하기 - 일반적으로 개발후 배포를 위해서 동료의 리뷰와 승인이 필요한 PR을 만들게 된다. 하지만 여러가지 이유로 PR이 관심받지 못하고 병합에 어려움을 겪게되는 경우..

2022년 컬러 트렌드 svg icon에 색상입히기 - 색상있는 아이콘은 제외 wasm(rust) + react 방어적인 CSS RSC(react server component)와 Remix - 놀라운 UX를 제공하는 Remix The State of CSS 2021 RSC(React Server Component) vs SSR(Server Side Rendering) - SSR은 최초 앱에 접속시 앱 전체를 일회성으로 서버에서 렌더링(앱 단위, 일회성, hydrate, SEO 친화적) - RSC로 정의한 컴포넌트는 항상 서버에서 렌더링(컴포넌트 단위, 무상태, 비상호작용, 성능/번들 사이즈 친화적) - 서로를 대체하는게 아닌 상호보완적인 기술 React conf 2021 - Streaming Serve..