# key

35개의 포스트
post-thumbnail

React (Native) 리스트와 Key

키는 주로 map 함수에서 여러 element를 다룰 때 써야합니다.각 형제 element에 고유성을 주기 위해 key를 사용합니다.또한 키를 사용하는 이유는 랜더링 최적화를 위해서입니다.예를 들어 부모 노드에 자식노드가 변경되거나 추가, 혹은 삭제 될 때랜더링을 잘

2일 전
·
0개의 댓글

TIR. 객체

자바스크립트는 객체(object)기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 "모든 것"이 객체이다. 원시 타입(Primitives)을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이다. 1. 객체 정의 > 객체는 키(key)와 값(value)으로 구성된 프로퍼티(property)의 집합이다. 객체는 데이터를 의미하는 프...

2021년 5월 24일
·
0개의 댓글
post-thumbnail

TIL 09 | JSON?

JSON은 JavaScript Object Notation의 약자이다. 데이터 저장 또는 전송할 때 많이 사용하는 DATA 형식이다. 즉 네트워크 통신에 필요한 데이터를 주고받거나, 개발 과정에서 간단한 데이터를 저장하는 경우에 사용한다.JSON은 JavaScript

2021년 5월 14일
·
0개의 댓글
post-thumbnail

TIL | 39 React key

Key는 React가 어떤 항목을 변경, 추가 또는 삭제할지 결정하는 식별값이다. 즉, 렌더링 과정에서 어떤 요소에 변동이 있었는지를 확인하기 위해 사용된다.Key값이 없을 때는 가상 DOM을 비교하는 과정에서 리스트를 순차적으로 비교하며 변화를 감지하지만,key값이

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

TIL 21 - 리스트와 Key (React)

Why is Key important in React? 📍 Key를 안쓰면 어떻게 될까? 위 코드를 보면 map() 함수를 이용해 numbers 배열을 반복 실행하고 각 항목에 대해 ` 엘리먼트를 반환하고 배열의 결과를 listItems`에 저장하고 있습니다. 이 코드를 실행하면 react에서는 리스트의 각 항목에 key를 넣어야 한다는 경고가 표시...

2021년 5월 3일
·
0개의 댓글
post-thumbnail

#TIL20, map()과 Key💡

개인 공부를 위해 작성했습니다westagram project 중 react로 댓글 기능을 구현할 때 map()를 사용하여 구현하게 되었는데, 실행시켜 보니 작동하는 데에 문제는 없으나 에러가 발생했다. 에러의 내용은 각 항목에 key를 넣어야 한다는 내용쓰....😂작

2021년 5월 2일
·
0개의 댓글
post-thumbnail

TIL 40. React (key)

보통 반복되는 element list들을 React에서는 map을 사용하여 state의 값을 가지고 오는 것과 동시에 state의 정보를 element list에 넣어 반환할 수 있다.하지만 JavaScript에서는 단순히 map을 사용 가능하지만, React에서는 반

2021년 5월 1일
·
0개의 댓글
post-thumbnail

Object

Object.values(), Object.entries, Object.keys () , for..in

2021년 4월 19일
·
0개의 댓글
post-thumbnail

리액트에서 폼 요소의 기본값 설정하기 - value와 defaultValue

값이 선택되면 변경되질 않고, 변경되는 값이면 기본값이 선택 안되는 문제 🤔

2021년 4월 16일
·
0개의 댓글
post-thumbnail

[TIL]Key

key는 React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 돕는 고유값을 의미한다.key를 선택하는 가장 좋은 방법은 리스트의 다른 항목들 사이에서 해당 항목을 고유하게 식별 할 수 있는 문자열을 사용하고 대부분의 경우 데이터의 ID를 key로 사용한다

2021년 4월 13일
·
0개의 댓글
post-thumbnail

[vue.js] child component만 update, rerender 하려면

출처 : https://michaelnthiessen.com/force-re-render/

2021년 4월 13일
·
0개의 댓글

TIL42 l React - List와 Key

key는 리스트(<li></li>) 요소를 만들 때 포함해야 하는 특수한 문자열 속성 으로, 요소에 안정적인 고유성을 부여하기 위해 배열 내부 요소에 지정 해야 한다. 이는 React가 어떤 항목을 변경, 추가, 삭제할 건지 식별하는 것을 돕는다. 📍 예시

2021년 4월 13일
·
0개의 댓글

react) map 함수 적용시 key props를 부여하는 이유

we code 리액트 미션 5를 수행하기 이전에 미션 4를 진행하면서 map에 대해 잘 모르고 있다고 생각하였고 미션 5를 진행하면서 map에의 활용 법에 대해서도 다시한번 생각해 보는 계기가 되었다.

2021년 4월 5일
·
0개의 댓글
post-thumbnail

기초 데이터 분석

파일 읽고 쓰기, strip, split, 딕셔너리에 대해 설명한다.

2021년 3월 19일
·
0개의 댓글

React Key와 index, props그리고 State

리엑트에서 배열을 렌더링 했을때 어떤 요소에 변동이 있을때 key를 사용한다. key또는 index를 넣어도 돼는데 index를 넣는 방는데 index를 넣는 방식은 선호하지 않는다.key는 React가 어떤 항목을 변경 추가 또는 삭제할지 식별하는 것을 돕는다. 성능

2021년 3월 18일
·
0개의 댓글
post-thumbnail

컴포넌트의 key가 바뀌었을 때 리렌더링? 언마운트?

key 속성은 보통 list를 map으로 반복문으로 렌더링할 때 각 element를 구분하고 바뀌었는지 구분하기 쉽게 도와주는 역할을 한다. key는 props로 넘어가지 않고 단순히 리액트를 도와주는 역할을 하는 것이다.기본적으로 props가 바뀌면 리렌더링이 되는데

2021년 3월 17일
·
0개의 댓글

[Python] sort key lambda 활용하기

숫자를 큰 순서대로 이어붙이고 싶을 때단순히 숫자 형태로 sort 하면 숫자가 큰 순서로 되기 때문에이어 붙였을 때 큰 숫자로 만들 수 없다스트링으로 변환을 하면 제일 높은 자리를 기준으로 크게 모을 수 있지만 "9", "91", "99"의 순서로는 제일 큰 수를 만들

2021년 3월 16일
·
0개의 댓글

키(Key) 정리

2가지 조건 만족유일성 : Key로 하나의 Tuple을 유일하게 식별할 수 있음최소성 : 꼭 필요한 속성으로만 구성특징Null 값을 가질 수 없음동일한 값이 중복될 수 없음https://github.com/gyoogle/tech-interview-for-dev

2021년 3월 5일
·
0개의 댓글