[퀴즈] Component-props-for 퀴즈 풀이

일주일 간, 길고 길었던 휴가를 끝내고 다시 일상으로 돌아왔다..

이전까지의 개발은 까먹은 듯 Vue가 왜 이렇게 새로울까.

이전 시간에 했던 작업은 "Component-props-for 퀴즈였구나..."

Languages 안에는 각각의 객체, 총 4개의 객체가 존재하는 것이다.

이후 아래와 같이 컴포넌트를 등록하고~

아래와 같이 todo-list를 등록하여 데이터를 뽑아낸다.

해당 코드를 저장한 후 Chrome으로 바인딩하면~

여기서 잠깐!!!!!!!!

위 글을 참고하면, key 값을 명시적으로 선언해주었을 때 빠르게 랜더링이 가능하다!! 

-> 이를 통해 브라우저 부화를 줄일 수 있다.

이 "key"를 어디에 적용하나?

어? 

:key="lanaguage.id"

id는 무엇이길래..?? 

id는 처음 Languages라는 배열을 등록할 때 작성했던 id였다!!

이로써 이전 퀴즈에 대한 실습이 끝났다!

오랜만에 해서 그런지 좀 헷갈리는 듯?!?!