# key

53개의 포스트
post-thumbnail

TIL 작성 2021 9/15

리액트(선언적: 리액트는 자바스크립트 오픈소스 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다. 오픈소스: 소스가 공개되어 있음(저작권자가 공개) 누구나 자유롭게 사용, 복제, 배포, 수정 가

4일 전
·
0개의 댓글
post-thumbnail

React 리스트와 Key

리액트를 개발하면서 아래와 같은 경고 메세지를 정말 많이 본다. Warning: Each child in an array or iterator should have a unique "key" prop리액트에서 리스트를 사용할 때 왜 key를 넣어주어야 하는지 대략적으로

2021년 9월 8일
·
0개의 댓글

TIL 15 | [React] key 의미

key의 중요성 & 의미리액트를 사용할때 key 값을 사용할 때 index를 사용하면 위험하다고는 알지만 어떠한 이유때문에 위험하고 key값이 왜 필요한지는 정확히 모르고있다. 그러한 의미에서 포스팅을 써보려고 한다. 이렇게 코드를 작성하면 콘솔창에는 unique "k

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

[React] key 사용하는 이유

리액트는 효율적으로 연산하기 위해서 순서 정보를 이용함중간에 데이터를 추가하거나 삭제될 때 그 하위의 순서도 변경되므로 연산량 많아짐⇒ 고유한 key 값을 부여하면 같은 key값을 갖는 요소끼리 비교하기 때문에 중간에 값이 추가되거나 삭제될 때, 수정되지 않는 기존의

2021년 8월 27일
·
0개의 댓글

21.08.24 개발일지

if~else문을 사용하지 않고 style 구분 주는 방법 = key, value 값으로 구분한다.뉴스 카드에서 tag가 들어가는 부분이 있는데, 이 tag는 갯수 제한이 없어서 백엔드에서 데이터가 들어오면 무제한으로 받아들여야 한다.\-> 그럴 경우 key 값을 무제

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

TIL 033 | React에서 props로 key🔑 를 전달해야 하는 이유

React를 사용하면서 props로 key 값을 부여해야하는 이유에 대해서 알아보자.

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

TIL-30 React key props 🗝

React key props

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

React에서 key의 역할, 컴포넌트를 다시그리는 과정

리액트에서 리스트 형태로 컴포넌트를 렌더링 할때, key값을 넣어 달라는 console 에러가 자주 뜬다. 이 key값이 어떤 역할을 하는지 리액트 공식 문서에서 설명을 해주고 있지만, 내부적으로 컴포넌트를 어떻게 다시 그려주는지 모르고 있어서 이를 알기 위해서 블로그

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

[React] map 함수의 매개 변수를 props의 값으로?!

리액트의 개념인 Key, List에 대해 자세히 알아봅니다. 그리고 함께 map 함수의 매개 변수를 props의 속성 값으로 지정할 수 있는지에 대해 알아봅시다.

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

TIL 19_React에서 key의 역할 🔑

React에서 key가 필요한 이유!

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

[React] map 함수 적용시 key props를 부여하는 이유

이유 React에서 map 함수를 사용할때 key값을 할당 하지않으면 위와 같은 에러 메시지가 뜬다. React에서 Key는 어떤 항목을 변경, 추가, 삭제할때 식별 해주는 역할을 하기 때문이다. 그래서 엘리먼트에 고유성을 부여하기 위해서는 Key 값을 꼭 할당해

2021년 8월 20일
·
0개의 댓글

GIT ssh-key

ssh key 생성하기git bash에 접속해서 아래의 명령어를 실행.나머지 단계는 엔터로 마무리 한다.키의 저장 경로는 생성하는 단계에 처음에 나온다.키가 저장된 폴더로 이동한다.위와 같이 공개키를 확인하고 내용을 복사한다.GitHub에 키를 등록한다.settings

2021년 8월 15일
·
0개의 댓글

파이썬 기록 3일차

2021.08.14

2021년 8월 14일
·
0개의 댓글

[Mybatis]ON DUPLICATE KEY UPDATE를 이용해 UPSERT 해보기(UPDATE + INSERT)

회사 업무를 할 때 mybatis 를 이용해 쿼리를 다뤘었다 그 때 테이블을 주기적으로 update + insert 할 일이 있었다! 맨 처음에는 table을 전체 drop 하고 다시 데이터를 insert 하는 방법을 생각했으나 드롭한 사이에 호출을 할 수도 있는 상

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

React 리스트 렌더링시 key값이 필요한 이유

리액트 뿐만 아니라 모든 개발에서는 배열이나 리스트를 순회하며 데이터 처리를 하는 경우가 매우 빈번하다.위의 코드와 같이 Content 컴포넌트를 map을 사용하여 배열의 길이만큼 li 태그를 생성 해줄때 키값을 주지 않고 실행을 시키면 다음과 같은 문구를 보게 된다.

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

[JavaScript] 객체 생성할 때 동적으로 key 값 할당하는 방법 (feat.React)

JavaScript 에서 객체를 생성할 때 동적으로 key 값 할당하는 방법에 대해 정리했습니다 🤔

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

[(과제) [React] State, Props, Event] - 5

위 공식문서를 참고하여 map 함수 적용시 key props를 부여하는 이유에 대해 블로그를 작성해주세요.본인이 작성한 map 함수 사용 코드를 예시로 활용하여 설명해주세요.미션 4 등 컴포넌트를 활용하여 map 함수를 실행할 경우 리스트의 각 항목에 key를 넣어야

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

[React] key

App의 내부 state 를 TOC에 주입해 TOC 내부의 데이터를 변화시키고 싶다면 어떻게 해야할까 ? 일단 Subject의 생성자에 다음과 같은 배열을 추가한다. 이후 TOC 에 다음과 같이 추가한다. 이는 contents 안의 객체들을 가져온다는 의미이다. 다음으

2021년 6월 30일
·
0개의 댓글

Flutter Key! ( UniqueKey vs ValueKey )

UniqueKey vs ValueKey두 키의 차이점이 뭘까?ValueKey<T>: 상수를 갖는 객체에 키를 추가할 때 사용한다.UniqueKey: 컬렉션에 자식이 있고 이들이 만들어지기 전 까지 자식의 값을 모르는 상황에서 사용한다.ObjectKey: 같은 형식

2021년 6월 28일
·
0개의 댓글