ReactDeepDive

Context API는 리액트 프로젝트에서 전역적으로 사용할 데이터가 있을경우 유용한 기능이다.예를 들어 '로그인정보, 테마, 어플리케이션 환경설정'등이 있다. 많이 사용되는 리덕스, 리액트라우터, styled-components의 라이브러리도 ContextAPI를 기

useMemo를 사용하면 함수 컴포넌트 내부에서 발생하는 연산을 최적화 할 수 있다.useMemo에서 memo는 memoization을 뜻하는데, 해석하면 '메모리에 넣는다'는 의미이다.컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장

contextAPI + styledComponent를 가지고 재사용이 가능한 아코디언 UI를 만들어보자아코디언 UI란 ?모바일/웹에서 콘텐츠를 접어서 페이지길이를 관리할수 있도록 만든 UI이다. 시각적인 복잡성을 줄이고 사용자가 당면한 작업과 가장 관련이 있는 콘텐츠에

이번주 스터디 주제인 redux로 todolist 만들기를 진행하면서 투두리스트의 각 아이템을 만드는 컴포넌트인 Todo 컴포넌트와, Todo컴포넌트들의 목록으로 이루어진 Todolist컴포넌트를 만들면서 React.memo로 최적화 하는 코드를 알게 되었다.기존에 알

| createPortal 공식문서 바로가기흥미를 끄는 리액트의 기능이 생겨 이를 알아보는 글입니다.이름도 무려 포탈이다..! 포탈이란 무엇인고? 게임을 하다보면 캐릭터가 어떤 포탈 속에 쏙 빨려들어가서 이곳에서 저곳으로 이동하게 된다.리액트 공식문서에서는 create