Front/JavaScript29

• 

  [JavaScript] 배열과 유사배열객체 그리고 .. forEach is not a Function... 에러 [JavaScript] 배열과 유사배열객체 그리고 .. forEach is not a Function... 에러 jQuery 라이브러리에서 Native Js를 하려고 코드를 정리하려 $. each function을 forEach로 바꾸던 중 간간히 아래와 같은 에러로그가 떴다. 처음엔 배열이 아닌가보다 대수롭게 넘겼다가 저 에러를 한 번 더 마주친 후에 유사배열객체에 대해서 잠시 잊고있었다.. 그래서 잠시 정리를 하고 넘어가려한다. 일단, 배열도 유사배열도 모두 객체인 것은 알고 있는가? 배열 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용, 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함 유사배열 (유사배열 객체) 배열이 아닌데 배열인척 하는 것 조건 1. 반드시 length가 필요하.. Front/JavaScript 2019. 12. 24.

• 

  [JavaScript] 자바스크립트 this와 제이쿼리 $(this)의 차이? 자바스크립트 this와 제이쿼리 $(this)는 명칭이 같지만 실제로 표시되는 정보는 서로 다르다. 같은 div 객체에서 this와 $(this)를 찍어보았다. 위 결과로 보면 자바스크립트의 this 경우는 이벤트가 발생한 태그 요소가 표시되고, 제이쿼리 $(this)의 경우는 발생한 요소의 정보들이 Object로 표시된다. 쉽게말해 this == $(this)[0] 이다 Front/JavaScript 2019. 12. 20.

• 

  [JavaScript] input 태그에서 엔터했을 때, 새로고침 현상 막기 [JavaScript] input 태그에서 엔터했을 때, 새로고침 현상 막기 원인 input 텍스트 박스에 포커스가 있을 때, 엔터키 누르면 페이지 새로고침 현상이 자꾸 나타난다. 원인을 살펴보니, form 태그 내부에 있는 input text box에서 엔터키를 누르게 되면 자동으로 Submit이 되면서 페이지가 재로드된다. 해결 방법 1. form 태그의 onsubmit 속성값 이용 2. input 박스 추가 엔터키를 눌렀을 때 자동으로 submit되는 원인은 form 내부에 input박스가 한 개만 존재하기 때문이다. 의미없는 input 박스를 추가하여 이를 방지할 수 있다. 3. keycode 값으로 엔터 여부 판단하여 처리 - HTML form input - Script Front/JavaScript 2019. 12. 13.

• 

  [JavaScript] 자바스크립트 함수 호출 방법1 :this는 어떤 객체? this 란? this는 함수 내에서 함수 호출 맥락(context)를 의미한다. 즉 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라진다는 뜻이다. 함수 호출 방법 4가지 일반적인 호출방법 : func() 객체에 정의된 메서드 호출방법 : obj.func() call과 apply를 이용한 함수 호출방법 : func.call, func.apply 생성자 함수 호출방법 : new Func() 오늘은 일반적인 함수 호출 방법과 객체에 정의된 메서드 호출 방법을 통해 this를 완전 정복 ! 할 것이니 잘 따라오길 ~ 1. 일반적인 호출방법 첫번째로는 일반적인 호출 방법으로 함수명( ); 으로 호출하는 것이다. 이 때 this가 가리키는 것은 window 객체 를 바라본다는 사실 ! 다음 코드.. Front/JavaScript 2019. 6. 15.

• 

  [JavaScript 기초] JavaScript 함수 정의, 선언문 방식과 표현식 방식의 차이 자바스크립트의 함수의 정의 방법 선언문 방식 표현식 방식 Function 생성자 함수 이용 선언문 방식과 표현식 방식의 차이 사실 선언문 방식과 표현식 방식은 겉으로 봤을 때 정의하는 방식만 다를 뿐 기능적으로 큰 차이를 보이진 않습니다. // 선언문 방식 function a( ){ console.log('선언문 방식 a 함수'); } a( ); // '선언문 방식 a 함수' 출력 // 표현식 방식 var a = function( ){ console.log('표현식 방식 a 함수'); } a( ); // '표현식 방식 a 함수' 차이점이 있다면 호이스팅이 되는 시점에 a라는 변수가 어떤 형태로 정의되는 차이를 갖고 있죠. 호이스팅에 대해서는 아래 링크를 참고하세요. Link : https://aljjab.. Front/JavaScript 2019. 6. 15.