19.12.22 개발기록 -[Javascript] Nested Object(중첩된 객체)
자자 ~ 오늘 포스팅 내용은 무엇이냐~ Nested Object ! 중첩된 객체 이다 ! 이전 포스팅에서 Immutability (불변성)에 대해 이야기 해보았다. 이번 포스팅은 그의 연장선인데, 바로 var o1 = {name: 'kim', score:[1,2]}; 위 코드와 같이 객체 { } 안에 [ ] 배열이 있는 경우에 객체를 복사하였을 때, 원본은 변화 시키지 않는 방법이다. 1 2 3 4 var o1 = {name: 'kim', score:[1,2]}; var o2 = Object.assign({}, o1); o2.score.push(3); o2 를 Object.assign을 통해 복사 한뒤, score.push(3) 을 하게 되면, o2 내의 score 뿐만 아니라, o1 내의 score 또..
2019. 12. 22.
19.12.13 개발기록 -[Javascript] 반복문을 이용하여 버튼 3개에 각각의 id 부여, onclick 이벤트 발생 시 어떤 버튼을 클릭했는 지 구분 가능하게 하기.
오늘은 반복문을 이용하여 버튼 3개를 만들고, 각 버튼에 id를 부여하여 3개중 어느 하나를 클릭 했을 때 자신에게 맞는 이벤트가 발생하게 하는 프로그래밍을 해보자. 말로 설명하기 디게 어려우니, 사진으로 하나씩 차근차근 설명해보자. 위 사진에서, 아래의 사진과 같이 구현하고 싶다는 뜻이다. 1. 첫 번째 버튼을 클릭했을 때, 2. 두 번째 버튼 클릭 시, 3. 세 번째 버튼 클릭 시, 요렇게 말이다. 우선 첫 번째로 할 일은, 각 버튼을 for 반목문을 이용하여 만들면서, 각각에 id를 줄 수 있어야 한다. 나 같은 경우는, for 문을 돌면서 버튼을 생성하면서, 'btn' + i 라는 id를 부여했다. 1 2 3 4 5 6 7 8 9 for (var i in prediction) { var predi..
2019. 12. 14.