# memo

108개의 포스트
post-thumbnail

useCallback과 useMemo 사용하기

Memoization 리액트 생태계에서 렌더링 퇴적화를 위해 사용되는 hook을 알아보기 앞서 useCallback과 useMemo는 메모이제이션된 콜백을 반환하고 값을 반환하기 때문에 메모이제이션(memoization)이 무엇인지 알아본다. 메모이제이션(memoiz

2022년 10월 31일
·
0개의 댓글
·
post-thumbnail

REACT / props / #4~#6

ReactJS로 영화 웹 서비스 만들기 (노마드코더님) 강의를 듣고 정리한 내용입니다.

2022년 10월 30일
·
0개의 댓글
·

[React] memo, useMemo

렌더링 할 때 부모 컴포 내의 자식 컴포도 함께 렌더링됨.만약 자식 컴포넌트가 렌더링 시간이 1초씩 걸리는 무거운 컴포넌트라면 어떡할까? memo : 해당 컴포넌트가 변경될 때만 재렌더링 해주세요.let 컴포넌트명 = memo( function(){})이렇게 메모로 감

2022년 9월 25일
·
0개의 댓글
·

git tag 관리

git tag를 remote로 전달하기 위해서는git push origin --tags하나의 git tag만 push 하는 경우에는git push origin <tag_name>git tag 이용하는 경우 remote에 tag 가 많이 누적되어 삭제해야 하는 경우

2022년 9월 21일
·
0개의 댓글
·
post-thumbnail

[노마드클론] React-바닐라기초

(참고 : CRA 이용 안하는 것 부터 시작함.리액트ver : 17.0.2 )기존의 렌더링 방식브라우저는 서버가 보내준 HTML 파일 을 해석(Parsing)하여 DOM 트리 를 만든다. 브라우저는 서버가 보내준 CSS 파일 을 해석(Parsing)하여 CSSOM 트

2022년 9월 13일
·
0개의 댓글
·

Tweepy Tip

status id 는 트윗의 링크 맨 뒤에 붙어있는 숫자이다예: https://twitter.com/\*\*(트윗아이디)\*\*/status/\*\*(status id)\*\*다른 더 좋은 방법이 있는지는 모르겠다!

2022년 8월 29일
·
0개의 댓글
·

[React] PureComponent, memo (+ 함수형 setState)

네이버 블로그에서 이전, 원글 작성일시 : 2021.07.14.20:49ZeroCho님의 강의를 보면서 React를 공부하고 있다.강의를 바탕으로 내가 이해한 그대로 정리할 예정이다.중대한 오류나 지식 부족이 발견될 확률이 높으니 혹시 이 글을 보는 사람이 있다면 주의

2022년 8월 17일
·
0개의 댓글
·

유니티 코루틴 일시정지/다시 시작

while loop를 진행하고 있는 코루틴 함수를 끝내지 않고 일시 정지이상하게 아이디어가 안 떠오르는데 한글로 검색하면 잘 나오지도 않았음...

2022년 8월 10일
·
0개의 댓글
·
post-thumbnail

커스텀 Coding Style 메모

개인 편의를 위해 지켜야 하는 커스텀 코딩 스타일 메모

2022년 8월 5일
·
0개의 댓글
·
post-thumbnail

리액트 랜더링 최적화

리액트 성능최적화 8가지 방법 1. state 선언치 리액트는 특정 state가 변경되면, 그 state가 선언된 컴포넌트와 그 하위 컴포넌트들을 모두 리렌더링 시킨다. 따라서 state가 선언되는 위치를 잘 설계하는 것은 리렌더링 횟수에 엄청난 영향을 끼친다.

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

Mac docker/mongodb start

....zshrc에 변수 path 입력...Profit!

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

VS Code 메모

VS Code가 나를 힘들게 할 때 마다 메모

2022년 8월 2일
·
0개의 댓글
·

Source Tree

소스트리가 나를 힘들게 할 때 마다 작성.

2022년 8월 1일
·
0개의 댓글
·

Unity Tip-Toggle isOn 값 함수로 전달받기

Toggle의 isOn 값을 public 오브젝트로 할당받지 않고 Toggle 자체에서 On Value Changed 에 추가된 함수 자체로 받기.

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

useCallback & React.memo 활용 예제

이 글의 목적은 리렌더링 최적화이다.예제 코드는 간단하게 여러장의 카드 중에서 한장을 선택하면 배경색이 바뀌는 로직이다.카드 한장을 선택 할때 마다 모든 카드가 리렌더링 되고 있다.예제에선 카드가 6장 밖에 없어 성능상 큰 문제가 없는데개발자로 일하면서 마주치게 될 실

2022년 7월 27일
·
0개의 댓글
·

React.memo() - 공부 필요

React.memo()를 사용하는 이유렌더 결과가 같다면 메모이징을 통해 내용을 재사용하여 빠른 반응

2022년 7월 19일
·
0개의 댓글
·

memo

router-default 인프라노드 내부/외부 로드밸런서블랙홀 라우터df/lsblk차이 ntp설정

2022년 7월 13일
·
0개의 댓글
·

Hello velog world

스스로 어디가서 개발자라고 할 수 있는걸까? 하는 생각이 들지 않도록 꾸준히 공부해보자 싶어서 기술블로그 시작

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

[메모장] vue 공부 하다가..

간단한 회원가입 폼 예제..axios의 return은 promise객체 이므로..then이나 async await를 이용해 받을 수 있음여기 예제는 중간 vuex의 actions를 생략하고바로 method에서 api 함수를 호출했기 때문에methods안의 functio

2022년 6월 26일
·
0개의 댓글
·

memoization

불필요한 렌더링을 줄이기 위해 memo 를 사용한다.react 에서 제공하고 있다.이렇게 memo 를 사용해주시고 state카운트 를 클릭해보시면 프리젠터는 렌더링이 되지않아 콘솔도 찍히지 않을 뿐더러 리액트 툴에도 보이지 않는다.자식컴포넌트는 memo 를 사용해 불필

2022년 6월 22일
·
0개의 댓글
·