자바스크립트 (5) 썸네일형 리스트형 const 키워드로 변수 선언 일반적으로 자바스크립트에서 const는 상수(constant)를 선언하기 위해 사용한다. const의 주요 특징은 다음과 같다. 선언과 동시에 반드시 초기화 작업을 해야 한다. 그렇지 않으면 아래와 같은 문법 에러가 발생한다. 블록 레벨 스코프를 가진다. 한 번 선언한 변수는 재할당이 불가능하다. 출처 http://www.yes24.com/Product/Goods/92742567 var 키워드로 선언된 변수는 함수 레벨 스코프만 인정한다 var 키워드로 선언된 변수는 함수 레벨 스코프만 인정한다. 아래 코드는 var 키워드로 선언된 변수 x 가 함수가 아닌 코드 블록 내부에서 선언된 모습이다. 함수 내부에 선언되지 않았으므로 변수 x는 전역 변수로 인식된다. 따라서 상위에 선언된 변수 x의 값에 또 다른 값이 재할당 되는 상황이 발생한다. var x = '원래 값'; if (true) { var x = '의도치 않게 변경될 수 있는 값'; } console.log(x); // 의도치 않게 변경될 수 있는 값 따라서 if, for, while, try/catch와 같은 코드 블록 내부에 선언되는 변수를 선언 시 var 키워드를 사용해야 한다면 주의해야 한다. 출처 http://www.yes24.com/Product/Goods/92742567 [JavaScript] 값 입력 후 엔터(Enter)키 눌렀을 때 이벤트 실행 로그인 시 ID/PW 입력 후 굳이 마우스로 로그인 버튼을 클릭하지 않고 엔터만 눌러도 로그인 이벤트가 실행된다. 이와 유사한 이벤트를 만들어 보자. 전체코드 - onkeypress는 키보드의 키를 눌렀을 때 이벤트를 발생시킨다. - 나는 show_name 이라는 함수를 실행하도록 작성했다. - 엔터키 인식을 위헤 키 코드 값을 가져오는 keyCode를 사용한다. 실행 결과는 아래와 같다. 그런데 MDN 웹 문서를 참고하니 다음과 같은 내용이 나온다. KeyBoardEvent.keyCode의 사용이 지양되고 있으며, KeyBoardEvent.code 형식으로 사용하는 것을 권장하고 있다. https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/ke.. 이클립스(eclipse) .js 파일 흑백으로 나올 때 해결 방법 컴퓨터는 훌륭하다. 내가(사람이) 잘못했다. 문제가 생겼다면 내가 무엇이 부족한 것인지 생각하자. 시련 이클립스에서 js 파일 생성 시 아래와 같은 상황을 마주하게 된다면 .js 파일 인식을 위한 확장자 추가 작업이 필요하다. Step.1 Window - Preferences - General - Editors - File Associations 이동한다. 혹은 검색창에 'file' 키워드 입력하면 해당 탭 쉽게 검색 가능하다. .js 확장자가 추가되지 않았다는 것을 확인한다. Step.2 우측 Add 버튼 클릭 후 .js 확장자 추가 Step.3 .js 추가 후 Generic Text Editor를 Default로 설정한다. Apply and Close 클릭한다. 해결 프로젝트 새로고침 후 파일을 다시.. [Javascript] .attr() / .prop() " .attr()? .prop()? 무엇을 사용해야 할까? " Attribute HTML에서 정의되는 속성(태그 생성 시 초기에 세팅되는 값) HTML 태그에 추가적인 정보를 제공한다 아래 코드를 살펴보자. 자신의 이름을 입력할 수 있는 태그를 만들었다. 이렇게 일반적으로 태그 작성 시 입력된 id, name 값 등의 속성을 불러올 때 .attr() 메서드를 사용한다. 이전 1 다음
