코딩/Javascript (19) 썸네일형 리스트형 forEach, map 차이점 forEach, map차이점 `forEach` does something for each item of an array. 배열 순회, 아무 값도 반환하지 않음 새로운 배열 반환 `map` does something for each item of an array and makes a new array of the returned values. map의 용도를 제대로 살리려면 return 문이 있어야 합니다 기존의 배열을 이용해, 새로운 배열을 생성할 때 forEach()는 당신의 Array안에 데이터를 변경하려는 것이 아니라 데이터베이스에 저장하거나 로그아웃하는 것과 같은 작업에 유용할 수 있다. var arr = ["a", "b", "c", "d"]; arr.forEach(letter => { conso.. 클래스 타입스크립트에서 constructor 멤버변수는 미리 작성해줘야한다. class Car{ color:string; constructor(color:string){ this.color = color; } start(){ console.log("start"); } } const bmw = new Car("Red"); 멤버변수 작성하지 않고 쓰는법: 접근제한자 (public, private ,protected) class Car{ constructor(public color:string){ this.color = color; } start(){ console.log("start"); } } const bmw = new Car("Red"); 접근제한자Access modifier public - 자식, 클래스인스.. 디데이 const clockTitle = document.querySelector(".js-clock"); function getTime() { const xmasDay = new Date(`${new Date().getFullYear()}-12-25:00:00:00+0900`); const now = new Date(); // This is in milisecondsx const difference = new Date(xmasDay - now); const secondsInMs = Math.floor(difference / 1000); const minutesInMs = Math.floor(secondsInMs / 60); const hoursInMs = Math.floor(minutesInMs / 60); .. 10/22 addEventListener함수는 event정보를 보내준다. a function onLoginSubmit(info){ info.preventDefault(); console.log(info); } LoginForm.addEventListener('submit', onLoginSubmit ); function deleteToDo(event){ const li =event.target.parentElement; ///target은 클릭된 element -->button li.remove(); } 배열은 각각의 아이템에 함수를 실행시켜준다. 이벤트리스너함수가 event에대한 정보를 주는 것처럼 일반함수도item에대한 정보를 기본으로 제공한다. const toDo=["a","b","c","d"]; functi.. 10/20 공부 console.dir: 자바스크립트에서 표현하는 element를 object를 통해서 자세히 볼 수있다. javascript object property on~ 이벤트 EventListener function의 첫번째 함수의 인자로 방금 일어난 event 에대한 내용 제공해준다. 정보를 받고싶으면 함수의 인자를 만들어주면 됨 function onLoginsubmit (tomato){ tomato.preventDefault(); console.log(tomato); } LoginForm.addEventListener('submit',onLoginsubmit) tomato.preventDefault: 기본으로 설정된 브라우저이벤트 막음 submit event에대한 정보 local stroage applica.. MATH 메소드 toFixed() userRate.toFixed(2); 셋째자리에서 반올림하여 둘째자리까지 표현 주의 문자열로 반환함! isNaN NaN을 유일하게 판별하는 식 NaN == NaN // false parseInt 문자열을 숫자열로 변환 문자가 혼용되어있어도 숫자로 반환 (Number와 다른점) 단, 숫자로 시작해야함 parseInt(Xxx,16) 16진수로 변환 parseFloat 부동소숫점까지 숫자로반환 Math.random 0~1사이의 랜덤의 숫자 1~100까지 숫자를 얻고싶다? math.floor(math.random()*100)+1 //math.floor: 소숫점 이하 내림 100을 5로 바꾸면 1~5까지의 랜덤한 숫자를 얻을 수 있음 Math.abs 절대값 Math.pow(n,m) 제곱 Math.. 동적타입언어 정적타입언어는 변수 선언 시점에 타입이 결정되고 변수의 타입을 변경 할 수 없다. 자바스크립트에서는 값을 할당하는 시점에 변수의 타입이 동적으로 결정된다. 또한 재할당에 의해 변수의 타입은 언제든지 동적으로 변할 수 있다. 이러한 특징을 동적타입언어라고 한다. //대표적인 동적타입언어: 자바스크립트, 파이썬, PHP , 루비, 리스프 ,펄 등이 있다. 다시 정리하자면 변수는 타입을 가지지않고 값은 타입을 갖는다. 따라서 현재 변수에 할당되어 있는 값에 의해 변수 타입이 동적으로 결정된다고 하는 것이 적절하다. 동적타입언어의 단점 동적타입언어의 변수는 값의 변경에 의해 타입도 언제든지 변경 될 수있다. 따라서 동적타입언어의 변수는 값을 확인하기 전에는 타입을 확신 할 수 없다. 자바스크립트는 암묵적으로 타.. 객체에서 사용하는 메서드 Object.assign() 객체 복제 Object.keys() 키 배열 반환 //객체의 키들이 배열로 반환 됨 Object.values() 값 배열 반환 // 객체의 값들이 배열로 반환 됨 Object.entries() 키 / 값 배열 반환 //객체의 키/값 쌍으로 묶여 배열로 반환됨 Object.fromEntries(): 키/값 배열을 객체로 const newUser = object.assign({ }, user) // { }는 초기값 , 두번째 매개변수부터 들어온 객체가 병합 됨 const newUser = object.assign({ gender: 'female'}, user, user2) Object.keys(user) Object.entries(user) // 키,값을 배열로 ["name",".. 이전 1 2 3 다음
