우아한테크코스 프론트 : Lv.2-2 페이먼츠 미션 인사이트
미션 PR - https://github.com/woowacourse/react-payments/pull/27 1. React.memo React.memo는 고차 컴포넌트(Higher Order Component) 이다. 말그대로 memo의 인자로 컴포넌트를 넘겨 사용할 수 있다. memo를 사용하면 메모이징을 이용하여 기존과 props가 다른 경우에만 리렌더링이 일어나도록 할 수 있다. 보통 성능최적화를 위해 많이 사용된다. 페이먼츠 미션 중 카드정보를 입력 받는 페이지는 카드 번호, 만료일 등 다양한 인풋을 처리하기 위해 그만큼의 상태를 가져야했다. 때문에 하나의 인풋만 변경되어도 페이지의 모든 요소들이 리렌더링 됐다. 당시에는 이를 불필요한 리렌더링이라고 판단하여 memo로 컴포넌트를 래핑하여 리렌..
개발 일기/우아한테크코스-FE
2021. 5. 15. 20:07
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 해쉬 라우터
- 브라우저 라우터
- 리액트 props
- props를 변경하지 못하는 이유
- 리액트 리스트 키
- 리액트 리스트 key
- 인사이트
- localhost https
- React key
- Browser Router
- 우테코
- 다라쓰
- Hash Router
- 리덕스 썽크
- 백준
- 댓글 모듈
- 리액트 jsx
- 리액트 리덕스
- Python
- contentEditable focus
- Redux Thunk
- mkcert
- 프론트엔드
- 우아한테크코스
- 1463
- 리액트 키
- props를 변경하지 않는 이유
- 프론트
- 파이썬
- 리액트 동작원리
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
글 보관함