[Javascript] 변수와 상수의 위치에 대하여(list를 여러개 반복적으로 만들고 싶다면)


[Javascript] 변수와 상수의 위치에 대하여(list를 여러개 반복적으로 만들고 싶다면)

JavaScirpt에서 querySelector를 이용해 HTML요소를 가져와 상수 또는 변수로 지정해 사용하게 된다. 무작정 script의 맨 윗 부분에 변수와 상수를 지정해 놓으면 원하는 방식으로 작동하지 못하는 경우를 발견하게 된다. 예를 들어, 버튼을 클릭할 때마다 새로운 list를 추가하는 Shopping List를 Javascript로 구현하려고 할 때, list를 querySelector를 이용해 변수 또는 상수로 선언하게 된다. 이 때, 함수 밖에서 general하게 선언하게 된다면, 버튼을 계속 클릭하더라고 하나의 list밖에 추가되지 않는 문제가 발생했다. 그런 경우에 변수와 상수의 위치를 (클릭 이벤트가 발생했을 때 실행되는)함수 안으로 위치시킨다면, 이벤트 실행할 때마다 반복적으로 ..


원문링크 : [Javascript] 변수와 상수의 위치에 대하여(list를 여러개 반복적으로 만들고 싶다면)