React

React에서 Container란? Container Component라는 용어는 Dan Abramov가 React Application에서 관심사 분리 개념으로 > 컨테이너 구성 요소는 구성 요소에서 작동하는 방식을 담당합니다. > -댄 아브라모프- https:/

고차 컴포넌트 (HOC : High Order Component)는 "컴포넌트 로직을 재사용하기 위한 React의 고급 기술"이라고 React 공식 문서에 작성되어 있습니다.고차 컴포넌트는 컴포넌트를 인자로 받아 새로운 컴포넌트를 리턴하는 함수입니다.const Enha

Introduction

React + Typescript + Webpack의 Boiler-plate를 만들었는가?기존 프로젝트를 하면서 Builder인 Webpack을 지금보다 잘 사용하고 싶다는 관심은 있었습니다. 다만, 지금까지 CRA로 작업하다보니 해당 프로젝트를 eject해서 Webp

Introduction > 개발자로 처음 이직하던 시기에 뭣도 모르고 만능 컴포넌트 혹은 모듈을 고민하던 시간이 있었습니다. 이후, 다양한 프로젝트를 경험하면서 아키텍처를 공부하고 적용해보면서 이해하는 부분도 이해하지 못한 부분도 생겼는데 그 중 가장 난해한 부분이 결

이전에 작성했던 Presentational & Container Component (1) 에 이어서 개발하면서 두 요소에 대해 이해한 부분을 추가적으로 작성하려고 합니다.과거 글을 수정하지 않고 추가로 작성하는 것은 오늘 작성한 내용도 오류가 있을 것이고 추후 (3)

테이블의 ASC, DESC Sorting 기능을 테스트하던 중에 아래와 같은 이슈를 확인했습니다.위와 같은 결과가 생기는 이유에 대해서 찾아보았습니다.해당 이슈를 이해하기 위해서는 원시값(primitive)과 참조값(reference)부터 이해해야합니다.원시값과 참조값

Introduction React는 Rendering 성능 향상을 위해서 복잡한 연산에 대하여 useCallback, useMemo 등의 Hooks을 사용하여 함수 혹은 변수를 캐싱하여 재사용할 수 있도록 합니다. 하지만, 최근 useMemo의 사용으로 인해 오히려

React V16으로 웹 서비스를 개발하는데 input tag의 onChange의 이벤트가 null로 오는 경우를 발견했습니다.Synthetic Event와 관련된 이슈로 브라우저 기반의 nativeEvent와는 다르게 동작하는 듯하빈다.React 문서를 확인하니 Re