minlog
[ Javascript ] 가져오기 / 내보내기
FrontEnd/Javascript 2023. 8. 14. 17:35

모듈 가져오기 / 내보내기 가져오는 코드 없이 내보내는 코드로만 이루어진 파일을 모듈 이라고 한다. 1. 내보내기 파일 내에서 특정한 명령어를 내보낼 수 있다. default export = 이름을 지정하지 않고 내보내기 Named export = 이름을 지정하여 내보내기 1-1 . default export 기본적으로 하나의 함수만 내보낼 수 있다. 📑 getType.js export default function (data){ return Object.prototype.toString.call(data).slice(8,2); } 1-2 . Named export 개수의 지정 없이 여러 개를 내보낼 수 잇다. 이름을 지정해야하는 함수와 기본 내보내기 함수를 함께 사용 가능하다. 📑 getRandom.j..

[ Javascript ] 전개 연산자 ' ... '
FrontEnd/Javascript 2023. 8. 14. 16:32

전개 연산자 ' ... ' 각각의 아이템으로 변경해준다. const fruits = ['Apple','Banana', 'Cherry']; console.log(fruits); //결과 값 : ['Apple','Banana', 'Cherry'] console.log(...fruits); //결과 값 : Apple,Banana, Cherry 1. 전개 연산자 활용방법 const fruits = ['Apple','Banana', 'Cherry']; function toObject(a,b,c){ return :{ a: a, b: b b: c } } console.log(toObject(...fruits)) //결과값 {a:'Apple',b:'Banana', c:'Cherry'} //동일 한 결과 console...

[ Javascript ] 구조 분해 할당
FrontEnd/Javascript 2023. 8. 14. 16:15

구조분해할당 = 비구조화 할당 원하는 속성들만 꺼내서 변수로 만들어 사용할 수 있다는 장점이 있다. 1. 구조분해할당 객체 사용 const user= { name ='Heropy', age =85, email ='thesecon@gmail.com' } const {name, age, email, address} = user console.log(`사용자의 이름은 ${name}입니다.`); //결과값 : 사용자의 이름은 Heropy입니다. console.log(`${name}의 나이는 ${age}입니다.`); // 결과값 : Heropy의 나이는 85입니다. console.log(`${name}의 이메일은 ${email}입니다.`); // 결과값 : Heropy의 이메일은 thesecon@gmail.com..

[ Javascript ] Object 객체의 정적 메서드
FrontEnd/Javascript 2023. 8. 14. 15:56

Object Static Method Object 전역 객체부분의 프로토 타입의 메서드가 아니라서 전역객체에 직접 사용해야한다. 실제 객체 데이터 자체에 사용 할 수 없다. 1 . assign(대상객체, 출처객체, ... , ...) 매개변수 하나 이상의 객체를 병합하여 리턴한다. 속성의 이름은 고유해야하는데 이름이 동일하다면 대상객체 위에 출처객체가 덮어써진다. const userAge ={ name :'Heropy', age: 85 } const userEmail ={ name :'Heropy', email: 'thescon@gmail.com' } const tartget = Object.assign(userAge, userEmail); console.log(tartget) // {name :'Her..

[ Javascript ] 배열
FrontEnd/Javascript 2023. 8. 14. 15:21

JAVASCRIPT 배열 1. 기존 배열을 가지고 새로운 배열 생성. map() : 결과 값을 배열로 생성 filter() : 일치하는 값을 배열로 생성 const numbers = [1,2,3,4]; const a = numbers.map(num => num num < 3); console.log(b) // 결과 값 [1,2] 2. 조건 특정 값 찾기 .find() : 조건의 특정한 값을 찾으면 해당 값을 전달하고 루프가 멈춘다. .findIndex() :조건에 맞는 값의 배열 인덱스를 전달하고 루프가 멈춘다. const fruits = ['Apple'..