# key

114개의 포스트
post-thumbnail

읽은 좋은 글들 (~22.5.23)

메일링, 블로그, 구글링 등을 통해 읽은 좋은 글들을 모아놓은 글이다.

약 10시간 전
·
0개의 댓글
post-thumbnail

Database - Key

Database 키 TIL

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

[패스트 캠퍼스 FE] 리액트 맛보기 - 5

1️⃣ Key와 리랜더링 알아보기2️⃣ 상태 끌어올리기3️⃣ 데이터 Fetch 해보기Key는 Value를 특정하는 이름완료 버튼 클릭시 해당 항목이 사라지고, 복구 버튼을 누르면 사라진 항목이 표시됨.코드공식 문서(https://developer.mozilla

7일 전
·
0개의 댓글

Lists and Keys

먼저 자바스크립트로 리스트를 다루는 방법을 살펴봅시다.map함수에 익숙하신 분들은 위의 doubled가 2, 4, 6, 8, 10인 것을 알 수 있습니다.리액트에서 리스트를 다룰때도 위와 비슷한 방식을 사용합니다.리액트에선 curly brace({})를 사용하여 JSX

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

[패캠 메가바이트 스쿨] 리액트 실시간 강의 - 2

진상현 강사님의 리액트 강의 목차 > 전 강의 복습 >꼭 요소가 return문 안에 들어 있을 필요는 없다 > > 이런식으로 사용 가능 조건부 rendering > jsx 렌더시 무시되는 값 > ![](https://velog.velcdn.com/image

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

React - map함수와 key

key를 알아보기 전에 map함수 사용법에 대해서 간단히 알고 가보자위와 같이 자바스크립트 배열 객체의 내장 함수인 map 함수를 사용하여 반복되는 컴포넌트를 렌더링할 수 있습니다. map 함수는 파라미터로 전달된 함수를 사용해서 배열 내 각 요소를 원하는 규칙에 따라

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

Instagram Clone - react(2)

input 관리와 useState / 삼항연산자 / Key와 useRef 활용하기 / 댓글 삭제하기

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

[Python] 딕셔너리key값으로 value값 찾기 ,value값으로 key값 찾기

📍딕셔너리형에서 key값과 value값 서로 바꾸기

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

리액트 적응기 - 컴포넌트 반복(key)

리액트 사용 방법이 익숙하지 않아... 사용하기 어렵다..!리액트 적응기를 일주일에 하나씩 작성하며 리액트 사용법에 대해 익숙해지자!!리액트에서 key는 컴포넌트 배열을 렌더링했을 때 어떤 원소에 변동이 있었는지 알아내려고 사용한다.key가 없을 때는 Virtural

2022년 5월 1일
·
1개의 댓글

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

🔑key 리액트 공식문서를 보면 이렇게 정의 되어 있다. > key는 리액트가 어떤 항목을 변경, 추가, 삭제할지 식별하는 것을 돕는다. 엘리먼트에 안정적인 고유성을 부여하기 위해 배열 내부의 엘리먼트에 지정해야 한다. 즉, 리액트는 자동으로 생성한 tag 경우에는

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

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

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

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

React에서 Key가 필요한 이유

다음과 같이 map을 통해 리스트를 보여주면 문제가 발생한다.이렇게 콘솔로그에 빨간딱지가 잔득 붙어있다.오류는 uniqui한 key가 필요하다고 말하고 있다.Virtual Dom과 Rendering을 알고 있으면 이를 이해하기 쉽다.React에서는 데이터의 상태를 메모

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

Java_2

java if문(if,if-else)과 반복문(for,while,do-while)

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

7)ㅇㅖ? 실무에선 for문을 왜 안쓴다구요..? map 니가몬데,,,실무중심주의 부트캠프 코드캠프! (Code Camp FE 6기)

useState 진위여부 (맞니, 아니니) 판단할때는 is로 시작하는 이름을 지어준다 isActive 사용해서 event.target.value false에서 true로 바뀌는거 큰 흐름을 잘보자 ! 노란불 만들어주기위해서 usestate 하나 만들어주는데 초기값 fa

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

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

자료 출처 (공식문서): https://ko.reactjs.org/docs/lists-and-keys.htmlJavaScript과는 조금 다른 JSX 문법의 큰 특징 중 하나는 "리스트의 각 항목에 고유한 key 값을 넣어야 한다는 점"이다. 각 list에 k

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

[DL] Attention

Attention 모델 연산 과정

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

JAVA : HashMap

안녕하세요. 😆 오늘은 HashMap에 대해 포스팅해보도록 하겠습니다.Java™ Platform Standard Ed. 8에서 java.util 패키지에 가면 HashMap클래스를 볼 수 있습니다.HashMap은 Key와 Value로 구성되어 있습니다. HashMap

2022년 3월 12일
·
0개의 댓글

[JSON] Data types

name-value typesimple object typejson object nested array typejson object nested object typejson array type

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

키 기반 SSH 인증 도입하기

키 기반의 SSH 인증을 도입하고, 도입한 과정 및 트러블 슈팅, 팁을 공유드립니다.

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

코딩 기본 용어 공부

프로퍼티(property) 프로퍼티란 속성이란 뜻으로 자바스크립트에서 객체 내부의 속성을 의미한다.객체는 프로퍼티로 구성된다. "key(키)" : "value(값)" 의 형식으로 객체 안의 콤마(,)로 구분되어 할당된다.key(키)는 속성명이라 생각해도 된다. 문자열만

2022년 3월 2일
·
0개의 댓글