
JavaScript var 스코프 이슈, WebSquare5 기반 전자정부프레임워크 프로젝트에서 실전 리팩터링
·
Framework/WebSquare
🟡 들어가며전자정부프레임워크 기반의 대내외 포털 유지보수 작업 중, 예상치 못한 알림창 메시지를 확인하게 되었습니다.해당 오류는 자바스크립트의 스코프 범위 처리와 관련된 var 키워드의 특성에서 기인한 문제였고,이를 let과 const 기반으로 리팩터링함으로써 코드 안정성과 가독성을 개선할 수 있었습니다. 🧩 발견된 이슈for(var j = 0; j 위 코드는 codeName이 for문 안에서 var로 선언되었음에도,스코프 특성상 for문 바깥에서 참조되어도 오류가 발생하지 않는 구조입니다.그러나, codeName이 설정되지 않은 상태에서도 undefined 값이 알림창에 그대로 출력되는 문제가 발생했습니다.🔎 원인 분석var는 함수 단위 스코프(function scope) 이기 때문에,for문 ..