728x90 React24 styled-component primary primary의 유무를 걸어준다 styled(Button) = Button에 담은 style이 적용된다 2023. 6. 25. Box가 2개인데 styled는 1개로 하고 싶다면? 보호되어 있는 글 입니다. 2023. 6. 18. parsing error: cannot find module 'next/babel' 이렇게 뜨면 .eslintrc { "extends": ["next/babel","next/core-web-vitals"] } 2022. 8. 27. Create React App 오류 발생시 해결방법 보호되어 있는 글 입니다. 2022. 1. 16. Portal DOM 계층 구조 바깥에 있는 DOM 노드로 자식을 렌더링 하는 최고의 방법 전에 했던 ThankyouDialog.jsx를 사용한다 Open클릭 하하하가 안나오도록 덮어지지 않는다 ThankyouDialog를 마지막에 오도록 내려보면 덮어진다 현재는 한 부모안에서 바꿀 수 있지만 이게 어느 컴포넌트 속에 속에 속에 들어있다면 이 모든 레이어가 이미 순차적으로 갖고 있는 UI의 스택을 벗어나는 일을 할 수가 없다 이럴 때 Portal이 필요하다 다시 하고 html에 root아래 을 적고 root밑에 컴포넌트가 계속 생겼는데 그걸 벗어나는 Portal에다가 이 자녀를 바로 그려버리는 것 Portal을 넣으면 Open이 없다 Dialog버튼에 드래그 되어있는 것을 준다 Open클릭하면 Portal을 주석처리.. 2021. 10. 30. Memoization, Profiler, useMemo, useCallback 메모이제이션? 메모이제이션은 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술이다. 결과 값을 계속 가져다가 사용 CommentItem이 없다고 함 불러온다 React.memo 동일한 props로 렌더링을 한다면, React.memo를 사용하여 성능 향상을 누릴 수 있다. memo를 사용하면 React는 컴포넌트를 렌더링 하지 않고 마지막으로 렌더링 된 결과를 재사용한다 이렇게 하면 메모이제이션이 된 것 1초마다 새로운 컴포넌트가 생기게 만들면 여기서 1초마다 계속 생긴다 이게 최적화가 되어 있을까? 를 봐야 된다 여기서 콘솔창에 들어가면 하나씩 추가 되는게 아니라 1 1, 2 1, 2, .. 2021. 10. 29. 이전 1 2 3 4 다음 728x90
