CASSIE'S BLOG

1. 개요 useMemo와 useCallback이라고 하는 hook 함수가 있지만 둘의 개념을 살펴보면 두 함수다 비슷한 역할을 가지고 있는 것 같아, 언제 어느 상황에 useMemo 또는 useCallback을 써야할지 판단을 하기 위해 정리를 해보려고 합니다. (심지어 useCallback 안에 useMemo를 쓰는 경우도 있었음) 2. Memoization 먼저 메모이제이션이라고 하는 개념에 대해 확실히 알아가야하는데, 메모이제이션은 기존에 수행한 연산의 결과값을 어딘가에 저장해두고 동일한 입력이 들어오면 재활용하는 프로그래밍 기법입니다. 이것을 적절하게 활용하면 중복 연산을 피할 수 있기 때문에 메모리를 조금 더 쓰더라도 애플리케이션의 성능을 최적화 할 수 있습니다. 3. useMemo useMe..

https://nukw0n-dev.tistory.com/14 [React.js] useRef와 useState의 용도와 차이 서론 리액트에서 ref와 state의 차이점은 무엇인가? 면접에서 위와 같은 질문을 받았다. 나는 ref 를 특정 DOM 엘리먼트를 가리키는 용도로만 사용해왔기에 이 질문의 의도를 파악하지 못했다. 본질 nukw0n-dev.tistory.com 잘 정리해놓음 useRef useRef 는 단순 DOM 엘리먼트를 지정하는데만 사용되지 않는다. useRef 를 통해 클래스의 멤버 변수와 비슷한 역할을 하게 만들 수 있다. state 와 달리 값의 변화에 의한 리렌더링이 발생하지 않는다. current 라는 속성을 통해 어느 값이든 보유할 수 있는 일종의 컨테이너 역할을 할 수 있다. 함..

1. 긴 import 목록을 피하고 와일드카드로 사용해라 패키지에서 클래스를 둘 이상 사용한다면 와일드카드를 사용해 패키지 전체를 가져오라. import package.*; 긴 import 목록은 읽기에 부담스럽다. 80행에 이르는 import문으로 모듈 상단을 채우고싶지 않아. 명시적인 import문은 강한 의존성을 생성하지만 와이들카드는 그렇지않다. 명시적으로 클래스를 import 하면 그 클래스가 반드시 존재해야한다. 하지만 와일드 카드로 패키지를 지정하면 특정 클래스가 존재할 필요가 없다. 2. 상수는 상속하지 않는다. 이런 상황은 여러 차례 접했는데 매번 인상이 구겨진다. 어떤 프로그래머는 상 수를 인터페이스에 넣은 다음 그 인터페이스를 상속해 해당 상수를 사용한다. 다음 코드를 살펴보자. pu..

의존성 주입 사용과 제작을 분리하는 강력한 메커니즘 하나가 의존성주입 (Dependency Injection)이다. 의존성주입은 제어역전기법을 의존성관리에 적용한 메커니즘이다. 제어역전에서는 한 객체가 맡은 보조책임을 새로운 객체에서 전적으로 떠넘긴다. 새로운 객체는 넘겨받은 책임만 맡으므로, 단일책임 원칙 (Single Responsibility Principle)을 지키게 된다. 의존성 관리 맥락에서 객체는 의존성 자체를 인스턴스로 만드는 책임을 지지않는다. 대신에 이런 책임을 다른 '전담' 메커니즘에 넘겨야만한다. 그렇게 함으로써 제어를 역전한다. 초기설정은 시스템 전체에서 필요하므로 대개 '책임질' 메커니즘으로 main루틴이나 특수 컨테이너를 사용한다. MyService myService = (M..

https://hjban-dev.github.io/2019-08-05-nodejs-04-express Express 모듈 설치와 사용 프로그래밍을 공부하며 배운점 느낀점을 기록하는 곳입니다. hjban-dev.github.io 강의정리하기 자바스크립트만 할줄 알면 웹브라우저도 컨트롤 할 수 있고 node.js도 제어할 수 있다. 웹브라우저의 자바스크립트랑 node.js의 자바스크립트를 협력해서 하나의 완결된 web application을 만들 수 있다. Node.js 네, 맞습니다. "서버 측 JS"를 일반적으로 언급할 때, 주로 Node.js를 가리킵니다. Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임 환경입니다. 이를 사용하면 JavaScript를 서..