useEffect 와 useLayoutEffect 차이 React 컴포넌트의 라이프사이클 1. 사용자 는 구성 요소 변경 의 앱 및 상태 또는 소품 과 상호 작용합니다. 2. React는 DOM(Document Object Model)을 업데이트합니다. 3. useLayoutEffect 후크가 발사됩니다. 4. 브라우저 페인트 => 시각적 변경 사항이 사용자에게 표시됩니다. 5. useEffect 후크가 발사됩니다. UI & UX 설계시 12가지 TIP - Z pattern & F pattern 2022년 Storybook useSyncExternalStore AI 를 지원하는 Replit Web IDE - Hacker plan 에서 사용가능하며 작성 기준으로 7/mo 2022년에 npm package를..

UI 디자인에서 사용하는 컬러를 위한 10가지 팁 Docusaurus 2.0 문서화 도구 개발자의 기술 문서 작성 - 기술 문서 세부적인 범위에 따른 가이드들 Cloudscape design system - AWS에서 사용된 디자인 시스템 Petterns.dev - 웹앱 설계에 대한 포괄적이고 시각화된 안내서 text로 이루어진 웹사이트를 위한 모범사례 devhub - 깃허브 리포지토리 활동을 관리하고 알림을 받을 수 있는 앱 라이브러리 이미지 줌 https://github.com/rpearce/react-medium-image-zoom 해당 라이브러리 5.0.1 버전을 safari 15.0.0 버전에서 사용하면 렌더 문제가 있는데 개선되면 사용성 높을 라이브러리 node 스크래퍼 및 브라우저 자동화 라..

무엇이 시니어 엔지니어를 만드는가? 그리드를 통한 인터페이스 디자인(디자인 시스템) 프론트엔드 마이그레이션 가이드 뉴비 개발자가 가면 증후군을 다루는 방법 다크 모드 가이드 더글라스 크락포드의 자바스크립트에 관한 생각에 관한 인터뷰에서 나온 일과 삶의 균형 Evrone: 인터뷰가 끝나면 일과 삶의 균형에 관한 몇 가지 팁을 공유해 주세요. 일상적인 생산성을 위해 필요합니까? Douglas: 저는 직장 생활을 하면서 수면 부족으로 어려움을 겪었고 잘 쉬었을 때 최고의 글을 쓴다는 것을 배웠습니다. 너무 늦게 또는 너무 오래 일하는 것은 궁극적으로 역효과라고 생각합니다. 지칠 때 최선을 다하지 않는 것이고, 이 사업에서 우리의 모든 일은 최선을 다해야 합니다. 적당한 시간을 일하면 긴 산책을 하고, 건강에 ..

JS&TS 모노레포 프로젝트로 시작하기 React18 동시성 모드(concurrent) 스트레스 테스트로 이해하기 - startTransition 내부에서 호출된 상태변환은 리액트에게 지연되어 상태변환 되도록 요청하게된다. - 동시 렌더링은 UI 응답성을 유지하면서 대규모 UI 업데이트를 렌더링하는 성능 문제를 해결한다. jest image snapshot Object 보다 Map을 선호해야 할 때는 언제인가? - Object는 코드 작성 시점에 정의되는 경우와 일회성으로 사용되는 경우 사용한다.(config 같은 경우) - 코드 작성 시점에 키를 알 수 없는 경우에는 Map을 사용한다. - Object가 작은 수의 정수를 키로 갖는 경우를 제외하고 Map이 삽입, 삭제, 순회 성능에서 더 나은 성능을..

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

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