[JavaScript] ES6 문법 ES6란?ES6는 2015년에 도입된 JS의 6번째 표준안이다.현대적인 코드를 사용하면, 코드가 간결해지고 생산성이 향상된다.변수 선언var : 재정의, 재선언 모두 가능let : 가변변수로 재정의가 가능, 재선언 불가능const : 불변변수. 재선언, 재정의 모두 불가능재선언 똑같은 이름의 변수를 다시 만드는것재정의 값이 지정된 변수에 값을 바꾸려는 것스코프 식별자(예: 변수명, 함수명, 클래스명 등)의 유효범위 //변수 선언var x = 2;//재정의x = 4;//재선언var x = 4; var의 문제점변수 선언이 유연하기 때문에 예기치 못한 값을 반환할 수 있음코드가 길어진다면 어디에서 어떻게 사용 될지 파악하기 힘듦함수 레벨 스코프로 인해 함수 외부에서 선언한 변수는 모두 전역 변수변수 선언문 이.. 2024. 11. 1. [JavaScript] 동적으로 생성된 태그 이벤트 태그가 동적으로 생성되면 이벤트가 동작되지 않는다. 예를 들면 append, html 등에 추가한 태그이다. 이벤트가 동작 하지 않는 이유는 페이지가 로드 될때 이미 $(".child").click 이벤트가 렌더링 되어있기 때문이다. (참고 [JavaScript] 웹페이지 HTML 렌더링) 페이지가 로드 될 때 는 있는데 html의 태그 .child가 없기때문이다(append 하기 전을 말한다) 위와같이 동적 태그로 생성될 경우에는 $(document).on을 사용하면 된다. on - 이벤트를 실행할 때 그 실행하는 순간, 바로 그자리에서 찾아 연결해주는 method $(document).on("click", ".child", function(){ // on 이벤트로 변경 alert($(this).att.. 2023. 10. 16. 이전 1 다음