처음 만난 리액트 문서
10.1 리스트와 키란 무엇인가?
리스트는 우리말로 목록이라는 뜻을 갖고 있습니다. 컴퓨터 프로그래밍에서는 같은 아이템들을 순서대로 모아놓은 것이 리스트에 해당된다고 볼 수 있습니다. 그리고 리스트를 위해서 사용하는 자료구조가 바로 배열(Array) 입니다. 배열은 자바스크립트의 변수나 객체들을 하나의 변수로 묶어놓은 것 입니다. 아래 코드는 자바스크립트의 배열을 나타낸 것입니다.
const numbers = [1, 2, 3, 4, 5];
그렇다면 키(Key)는 무엇일까요? key라는 영어 단어는 열쇠라는 의미를 갖고 있죠. 우리가 알고있는 열쇠의 특징은 뭐가 있을까요? 바로 열쇠는 모두 다 모양이 다르다는 것입니다. 다시 말하면, 열쇠는 모두 고유하다는 것입니다. 우리집의 열쇠와 옆집의 열쇠 모양이 같으면 하나의 열쇠로 두 곳의 문을 모두 열 수 있기 때문에 열쇠의 의미가 없겠죠. 같은 맥락으로 컴퓨터 프로그래밍에서의 키는 각 객체나 아이템들을 구분할 수 있는 고유한 값을 의미합니다.
리액트에서는 위에서 나온 배열과 키를 사용하여 반복되는 다수의 element들을 쉽게 렌더링 할 수 있습니다. 그 방법에 대해서 지금부터 하나씩 배워보도록 하겠습니다.
마지막 업데이트: 2025년 08월 21일 09시 05분
이 문서의 저작권은 이인제(소플)에 있습니다. 무단 전재와 무단 복제를 금합니다.
On this page