# key

90개의 포스트

🔑 key

키는 DOM 요소를 확인하기 위해 사용하는 유일한 것이다.Virtual DOM을 비교하는 과정에서 key가 있다면 더욱 빠르게 알아낼 수 있다.(https://ko.reactjs.org/docs/reconciliation.html키가 이전과 같으면 React는

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

코드캠프 부트캠프 7일차-2

Query를 다시 Fetch한다는 것으로 useMutation을 한 후 기존에 받아왔던 Query의 데이터가 변경되었을 경우 사용하게 된다.예를들어, Query로 게시글들의 목록을 10개 불러왔다고 하자.그런데 Mutation을 통해 하나를 삭제하면 게시글은 9개가 되

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

22.01.18

key, refetchQuery

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

SSH란?

매일 사용하지만 무심했던.. 어떻게 동작하는지 자세히 알고 싶어 공부 및 작성하게 되었습니다. Secure Shell Protocol은 네트워크 프로토콜 중 하나로 컴퓨터와 컴퓨터가 인터넷과 같은 public network를 통해 서로 통신할때 보안적으로 안전하게 통신

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

과제 : 로컬 환경에서 Redis 설치

what? 무엇을 진행할 예정인가요? 로컬에서 vagrant 환경으로 Redis 설치를 진행합니다. > what is Redis? Remote Dictionary Server 의 약자로 "키-값" 구조의 비정형 데이터를 저장하고 관리하기 위한 오픈 소스 기반의 비관계형

2022년 1월 11일
·
0개의 댓글
post-thumbnail

key file 만들기(static 값에 @Value 이용하기)

개발을 할 때 Key값을 static으로 관리할 때가 있고개발을 할 때 @Value 값을 써서 외부에서 값을 주입하고 싶을 수 있다 그리고 개발을 할 때 Key 값들을 모두 모아서 사용하고자 할 수 있다 그럴 때 Key file을 만들어 사용하면 된다 @Componen

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

[React] map( )을 이용한 배열 렌더링 (feat.일기장)

💡map() 이란? 자바스크립트 배열 내장함수 리액트에서 동적인 배열을 렌더링해야 할 때는 자바스크립트 배열 내장함수인 map()을 사용하여 일반 데이터 배열을 리액트 엘리먼트로 이루어진 배열로 변환해줍니다.

2022년 1월 4일
·
0개의 댓글
post-thumbnail

TIL | object 심화

wecode js repl.it 30번을 풀면서 후에 도움될 많은 개념과 내용들을 얻었다. 블로그에 정리를 하고 가면 좋을 것 같다.객체에 속성을 추가할 때 키를 변수로 받아올 수 있다. A와 같은 방법으로 bracket notation을 이용하면 된다. dot not

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

State & Event - 객체지향방식

아래 글은 생활코딩님의 강의를 기반으로 작성한 내용입니다.component에 특정 정보를 전달해줍니다. 얼핏 들으면 props와는 비슷하지만, state는 component 내부에서 설정하는 정보이고, props는 자식 컴포넌트에서 설정하는 정보이기 때문에 차이가 있습

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

List & Key

리스트 렌더링과 재조정 알고리즘

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

[React] 리스트와 Key

아래는 map()함수를 이용하여 numbers 배열의 값을 두 배로 만들어 반환하는 배열을 doubled 변수에 할당하고 로그를 확인해보겠습니다.React에서 배열을 엘리먼트 리스트로 만드는 방식은 거의 동일합니다.엘리먼트 모음을 중괄호 {} 를 통해 JSX에 포함 시

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

컴포넌트 반복 & key

이렇게 key를 가지고 있어서 앞에 요소가 추가가 되더라도, 2015,2016키를 가진 데이터는 이동만 하면되고, 2014키를 가진 데이터만 추가가 됩니다.key값은 데이터가 가진 고유값으로 설정해야합니다. 고유한 값(id)가 없다면 index를 사용할수 있습니다.컴포

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

[Python] 딕셔너리 key값에 value값 정의하고 수정하기_(1)

파이썬 dictionary 자료형의 key값에 value값을 정의하는 방법이다.

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

Key는 왜 사용하는가?

key를 사용하는 이유

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

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

리액트에서는 배열을 렌더링 했을 때 key값을 통해 배열의 어떤 원소에 변화가 있었는지를 알아낸다.key가 없을 때는 가상 DOM을 비교하는 과정에서 리스트를 순차적으로 비교하며 변화를 감지하지만 key값이 이때면 key를 사용하여 어떤 변화가 있었는지 보다 빠르게 알

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

[React] map 함수를 이용하여 댓글 추가기능 구현하기

자바스크립트의 내장 함수인 map을 이용하여 동적인 배열을 렌더링 하기!(예시를 위해 댓글 기능을 구현하겠슴미다)(포스팅 보기 -> 배열 고차 함수 - (2) forEach / map / filter)map함수는 자바스크립트의 배열 객체의 내장 함수이다. 파라미터로 전

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

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

위와 같이 코드를 작성했을 때 정상인 것처럼 브라우저에는 렌더링되지만 Missing "key" prop for element in iterator 와 같은 warning message가 뜨고, 터미널에는 사진과 같이 컴파일되었지만 warning이 있다는 메세지가 뜬다!

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

React - 인스타그램 댓글창 구현하기

댓글창 구현하기😎 우선 자신이 작업해야 될 큰 그림을 알고있는 것이 좋다고 생각한다! 댓글창을 구현 하려면 어떤 작업을 해야할까! 댓글입력 값 저장 --> 댓글입력값 저장될 곳 지정 --> 엔터,클릭시 입력값 출력장소로 이동--> 댓글출력 댓글입력 값 저장 댓

2021년 11월 23일
·
0개의 댓글

PHP - key() :: 배열에서 키를 가져 옵니다.

PHP 함수 key 요약 배열에서 키를 가져 옵니다. 함수 원형 파라미터 array 입력 배열입니다. 설명 PHP 4 버전부터 제공됩니다. key()는 현재 배열 위치의 인덱스 요소를 반환합니다. key() 함수는 단순히 내부 포인터가 현재 가리키는 배열 요

2021년 11월 22일
·
0개의 댓글