profile
프론트엔드로 지구정복
post-thumbnail

useEffect에서 비동기 로직 처리하기

일상공유 sns인 dailyLife를 만드는 프로젝트를 진행하던 중 게시물 컴포넌트가 불필요하게 리렌더링이 일어나는 문제가 생겼다.상태가 변한것도 아닌데 각 컴포넌트별로 최소 5번 이상 불필요한 리렌더링이 발생하니 문제가 심각하다고 생각되어 오류를 고치기위해 구글링을

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

배열 생성

Array의 첫 번째 인자로 length 프로퍼티가 있는 객체를 넣어주는 이유는 저번 포스트에 설명해놓았다.https://velog.io/@dlwnstjrzz/자바스크립트-10가지-코드-트릭

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

React rendering으로 알아보는 side Effect

프로그래밍을 공부하다보면 side effect라는 단어를 많이 보게 된다. 함수형 프로그래밍에서는 side effect를 없애는 것이 중요하기 때문에 부정적인 단어로 인식될 수도 있지만 사실 개발자와 뗄 수 없는 관계이다. 이 귀여운 녀석을 자세히 알아보자.컴퓨터 과학

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

React Custom Hook 1부

예전에 토이 프로젝트를 하면서 코드가 복잡해지거나 side effect가 많은(useEffect가 여러번 사용된다거나) 컴포넌트는 별 생각 없이 커스텀훅을 만들어서 분리를 했었다. 그때는 커스텀훅을 막연하게 코드의 가독성을 높이고 상태의 의존성을 줄이기 위해 쓰는

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

useState 최신상태 유지하기

유저가 회원가입을 할때 input태그에 입력한 값을 state에 넣어서 저장하는데 최신값을 계속 유지해주어야한다. 그런데 예전에 사용했던 최신상태를 유지하는 방법이 오류가 발생해서 다른 방법을 찾아 보았다.이전에 사용했던 방법하지만 리액트는 상태 업데이트를 예약하는데

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

1. 타입스크립트란?

자바스크립트는 너무나도 좋은 언어이지만 개발자들을 너무 생각해준 나머지 말도 안되는 코드까지도 실행을 시켜버린다.예를 들어 배열 + boolean을 하면 다른 언어에서는 당연하게 오류를 띄우겠지만 자바스크립트는 당연하게(?) 실행을 시키고 string으로 값을 반환해준

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