2020년 11월

반응형을 높이로 생각해보기

 

javascript 메모리

- stack은 정적 메모리로 기본타입과 heap 메모리를 참조하는 값들이 저장되고 heap은 동적 메모리로 객체와 함수가 저장된다. 구형 브라우저가 아닌 이상 대부분 stack이 참조하는 heap 메모리가 아닐 경우 가비지 컬렉터에 의해서 메모리 해제된다. heap안에서 순환 참조인 경우에도 모던 브라우저에서는 대부분 Mark-and-sweep 알고리즘 기반으로 가비지 컬렉터가 작동하므로 순환 참조인 경우에서도 메모리를 해제 시킨다.

 

SSG 플랫폼 빌드 타임 비교

 

프론트엔드 CI/DI 패턴

 

React 보안 모범 사례

 

React code smell

 

블룸버그 사내의 거대한 javascript 시스템을 typescript로 통합 시키기 위한 원칙과 솔루션

 

faker.js

- mocking data를 제공해주는 라이브러리

 

react를 import 하는 방법

- 장기적인 관점에서 import React from 'react' 는 제거 될 것이므로 권장하지 않음.(링크)

  1. import { useState, ... } from 'react'

  2. import * as React from 'react'

- 글쓴이 처럼 두 번째 방법을 개인적으로는 더 선호한다. named 모듈을 추가 혹은 제거 할 때 신경 쓸 필요 없기 때문.

 

React anti-pattern 3가지

- Get method일 경우 form 태그를 사용하지 않는 패턴

- Functional component만을 사용하는 패턴

- class name을 사용하지 않고 UI/UX를 변경하는 패턴

 

typescript 성능 향상시키기

 

tailwind vs BEM