자바스크립트 코딩규칙 #1
변수 함수 호출 1. stric mode를 사용하라 2. 비교구문을 사용은 '===' 으로 사용하라 UI 레이어 관련 1. css에 스크립트 구문에서 제거하라 2. html과 태그에 이벤트헨들러를 제거하라 3. html 파일에 자바스크립트 코드를 제거하라 예) 인라인 스크립트 <script> ... </script> 모든 자바스크립트는 html과 별도파일로 관리하라. 4. 자바스크립트에 DOM조작을 위해 존재하는 hmtl 태그를 제거하라 - 서버에서 가져오기 서버에서 템플릿을 load한다. - 클라이언트 사이드 템플릿(권장) html파일에 템플릿을 만들고 관리한다. 전역선언방지 1. stric mode를 사용하라 - 스크립트엔진이 더욱엄격하게 문법검사를 시행하게 됩니다. 2. One-Global 접근법 전역리터릴 변수를 하나 선언해서 모든전역객체를 선언한 변서의 리터럴 변수로 포함시킨다. 3. namespace 4. 모듈 5. Zero-Global 접근법 (function (win){ var doc = win.document 코드.. 코드.. } )(window)) 이벤트처리 1. 애플리케이션 이벤트 실행 로직 함수로 분리 2. 이벤트 객체의 프로퍼티를 파라미터로 사용할 경우 이벤트객체 전체를 넘기지 말고 필요한 파라미터만 추출하여 사용하라 예) this.showTest(evnet) --> this.showTest(event.clientX, event.clinentY); 이유 - 이벤트의 어떤 값이 파라미터로 넘어가는지 알수 없어 함수의 용도를 파악하기 어렵게한다. - 테스트할 때 이벤트 객체를 직접 말들어야 하고 어떤 파라미터가 필요한지 다시 확인해야 한다. 구성데이터 분리 1. 데이터 대상 - URL - UI에 보여지는 문자열 - 반복되는 상수, 설정값 -