티스토리

프론트엔드Explorer

검색하기

블로그 홈

프론트엔드Explorer

dolphinsarah.tistory.com/m

dolphinSarah 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

map에서 key를 index로 사용하면 안 되는 이유 아래 포스팅에 자세히 설명을 해두었다. dolphinsarah.tistory.com/21?category=467228 [TIL_개발일기_210322] React에서 map 사용 시 key를 설정해줘야 하는 이유는 *하루동안 새롭게 알게된 부분, 에러를 해결한 방법 등을 작성하는 개발일기입니다. 다른 사람에게도 설명해줄 수 있도록 제 머릿속에 넣기 위해 정리를 시작하게 되었습니다. React에서 map 사 dolphinsarah.tistory.com 그래도 간단히 설명해보자면, map을 도는 배열의 key를 고유한 값으로 설정하라고 하는 것은, 그렇게 하지 않았을 때 => 배열 전체가 리렌더링 될 필요가 없음에도 리렌더링 되는 것을 방지하기 위해서다. 이를테면, push를 통해 아이템이 배열 끝에 추가될 .. 공감수 0 댓글수 0 2021. 5. 11.
쓰로틀링(throttling)과 디바운싱(debouncing) 쓰로틀링(throttling)과 디바운싱(debouncing). 이름은 꽤 들어봤는데, 언제, 왜 쓰는지 잘 몰라서 정리해보려고 합니다. 쓰로틀링은 마지막 함수가 호출된 후 일정 시간이 지나기 전에 다시 호출되지 않도록 하는 것입니다. 예를 들어, 스크롤을 올리거나 내릴 때, 스크롤을 움직이는 내내 함수가 호출되면 곤란하겠죠? 이럴 때, 일정 시간이 지나기 전에는 다시 호출하지 않는 쓰로틀링을 사용합니다. 디바운싱은 연이어 호출되는 함수들 중 마지막 함수(또는 제일 처음)만 호출하도록 하는 것입니다. 예를 들어, 검색창에 '돌고래'라는 검색어를 입력할 때 한 글자 한 글자('ㄷ', '도', '돌' ...) 칠때마다 ajax 요청이 실행됩니다. 더보기 ajax 요청 - 쉽게 말해 서버로 (여기서는) 검색어.. 공감수 0 댓글수 0 2021. 4. 1.
JSON 개념과 관련 함수(JSON.parse(), JSON.stringfy()) JSON 브라우저 위에서 동작하는 웹사이트나 웹어플리케이션과 같은 Client가 어떻게 Server와 통신할 수 있는지를 정의한 것이 바로 HTTP이다. HTTP는 Hypertext Transfer Protocal의 약자로, 어떻게 Hypertext를 서로 주고받을지를 규약한 프로토콜의 하나이다. Client는 Server에 data를 요청할 수 있고, Server는 Client에 응답하는 방식으로 진행된다. 그리고 여기서, Hypertext는 hyperlink, 문서, image 등 전반적인 resource를 일컫는다. 이렇게 Client가 Server와 데이터를 주고 받는 방식 중, 요즘 가장 많이 사용되는 것이 JSON이다. 아래가 그 예시이다. { "users": [ { "Name": "gildo.. 공감수 0 댓글수 0 2020. 10. 31.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.