Frontend/JavaScript60 [Javascript] call, apply, bind call, apply, bind? ✔️ 함수 호출 방식과 관계없이 this를 지정할 수 있음. call ✔️ 모든 함수에 서 사용할 수 있으며, this를 특정값으로 지정할 수 있다.' const mike = { name:"mike", }; const tom = { name:"tom", }; function showThisName(){ console.log(this.name); } function update(birthYear, occupation){ this.birthYear = birthYear; this.occupation = occupation; } //call의 첫번째 매개변수는 this에 들어갈 객체 //call의 두번째 매개변수부터는 해당 함수의 매개변수 자리에 들어갈 인수들을 넣어준다. u.. 2022. 1. 19. [Javascript] 이벤트: change, input, cut, copy, paste 이벤트 : change ✔️ 요소 변경이 끝났을 때 발생 //텍스트 필드에 글자를 입력하는 동안엔 이벤트가 발생하지 않고, 포커스를 다른 곳으로 옮기는 순간 발생. 이벤트 : input ✔️ 사용자가 값을 수정할 때마다 발생 oninput : input.oninput = function(){ result.innerHTML = input.value; } 2022. 1. 18. [Javascript] focus와 blur focus / blur 이벤트 ✔️ focus 사용자가 클릭하거나 tab 키를 눌러 요소로 이동해 해당 요소에 포커스가 되었을 때 발생 이벤트 핸들러에서 주로 focus 되었을 때 에러 메시지를 숨김. ✔️ blur 포커스를 잃을 때 발생 이벤트 핸들러에서 이메일이 잘 입력되었는지 확인하고 잘 입력되지 않은 경우엔 에러를 보여줌. 이메일에 @가 들어가지 않으면 invalid 클래스를 추가해 에러를 알림 focus 되었을때는 에러를 사라지게 만듬. 이메일 : focus, blur 메서드 ✔️ elem.focus()와 elem.blur() 메서드를 사용하면 요소에 포커스를 주거나 제거할 수 있다. ✔️ 이벤트 핸들러에서 방문자가 유효하지 않은 것을 입력하면 해당 요소에서 focus를 빠져나가지 못하게 할 수.. 2022. 1. 18. [Javascript] 형 변환 문자형으로 변환 ✔️ String(value) 함수를 호출해 전달받은 값을 문자열로 변환 할 수 있다. let value = true; alert(typeof value); //boolean value = String(value); alert(typeof value); //string 숫자형으로 변환 ✔️ 숫자형이 아닌 값에 +,-,/,* 등의 수식을 더해주면 숫자형으로 자동 변환함 ✔️ Number(value) 함수로 변환 // 부등호로 숫자형 자동변환하기 let value = +"5"; console.log(typeof value); //number //Numver() 함수로 숫자형 변환하기 let str = "123"; console.log(typeof str); //string let num = .. 2022. 1. 18. [Javascript] 폼 프로퍼티와 메서드 폼과 요소 탐색하기 ✔️ document.forms 로 접근할 수 있는 기명 컬렉션이다. document.forms.my //이름이 'my'인 폼 document.forms[0] //문서 내의 첫 번째 폼 ✔️ 폼을 조작하는데 쓰이는 요소들은 모두 form.elements 로 접근할 수 있다. element.form으로 역참조 하기 ✔️ element.form으로 역으로 폼에 접근돈 가능하다. 폼 요소 ✔️ input 과 textarea ✔️ select 와 option select.options : 하위 요소를 담고 있음 select.value : 현재 선택된 값 select.selectedIndex : 현새 선택된 의 번호 //select 기본 값 설정하기 Apple Pear Banana //첫번째 .. 2022. 1. 17. [Javascript] 원시값의 메서드 원시값이란? ✔️ 문자(string), 숫자(number), 불린(boolean), 심볼(symbol), null, undefiend, bigint 총 7가지 ✔️ 원시값은 객체가 아니다. 📌 객체와 차이 원시값과 달리 프로퍼티에 다양한 종류의 값을 저장할 수 있다. 함수를 프로퍼티로도 저장할 수 있다는 것. let john = { name:"John", sayHi:"function(){ alert("친구야 반갑다"); } } john.sayHi(); //친구야 반갑다 요약 null과 undefined를 제외한 원시값에는 다양한 메서드를 호출할 수 있다. 원시값은 객체가 아니라 추가 데이터는 저장할 수 없다. Reference https://ko.javascript.info/primitives-methods 2022. 1. 17. 이전 1 2 3 4 ··· 10 다음 반응형