목록프론트엔드 (27)
이재호
자바스크립트 배열 메서드중 난이도가 높다 ... 정말 높다 아직은 간단한 예제랑 개념만 알지만 꼭 나중에는 어려운 로직에도 활용해보고 싶다 Reduce가 주로 하는일은 배열을 가져다가 배열안의 값을 점차 줄여나가면서 결국 하나의 값만 남기는것이다, Reduce는 자동적으로 배열안에 있는 모든 요소를 처리하지는 않으며 간단한 비유를 들자면 많은 액체를 유리병에 섞어 넣는데 유리병에 있는 작은 구멍에 한방울만 나오는것이다 코드 예시를 통해 봐보자 [3,5,7,9,11].reduce(([3,5,7,9,11].reduce( (accumulator, currentValue)=> { return accumulator + currentValue} ) 결과값 // 35 reduce 파라미터에는 2개의 매개변수를 받는데..
자바스크립트 공부하면서 정말 어렵다고 느끼는 개념인거 같아서 .. 한번더 복습하는김에 글로 남겨서 나중에 햇갈릴때도 볼라고 블로그에 기입해본다 원시값 복사 원시값을 저장한 변수는 실제 데이터값이 저장되는데, 변수(age1)의 값을 변경해도 age 의 값은 변경되지 않습니다. 그이유는 원시값은 읽기 전용으로 변경 불가능한 값이며 원시 값을 할당한 변수는 원시 값 자체를 값으로 갖는다. let age = 12; let age1 = age; // 12 age1 = 22; console.log(age); // 12 console.log(age1); // 22 참조란 객체를 담은 변수를 다시 다른 변수에 대입하면 참조입니다. let a = [[], "hello", {}] let b = a 참조는 a , b 변수는..
난 자바스크립트를 배울때 이 this가 너무 어려웠다 그나마 유데미에서 간단하게 미리 설명을 해줘서 조금은 이해를 한거 같아 작성해본다 객체 안에서의 함수는 메서드라고 불린다 이 메서드에서 객체를 가르키고 싶다면 this 키워드를 사용하면 된다. 객체에 여러가지 특성이 있거나 정보와 메서드가 다양하고 여러 기능이 있을때 this를 사용합니다 백문이 불여일타다다다다다닥 코드로 보는게 더 쉬울거 같다 const cat = { name : "jamie", age : 3, sound(){ console.log() console.log(`${this.name} say Meooo~`) } } /* cat 객체안에 sound라는 함수 메서드가 있다, 해당 메서드에서 name을 가르키고 싶다면 name 앞에 this를..
처음에 고차함수라고 하길래 정말 어렵게 다가왔었는데 간단한 예제를 통해 배워보니 생각보다 배우기 괜찮았다 고차함수란 다른 함수와 함께 작동하거나 또는 다른 함수에서 작동하는 함수를 고급스러운 말로 표현한것이다 💍 - 다른 함수를 인수로 받아서 보통 그 인수로 어떠한 작업을 하는 함수이자 함수를 반환할수 있는 함수입니다.쉬운예제 먼저 변수에 함수를 담을수 있는 익명함수를 생성해줍니다. let eazy = function(){ console.log("super Eazy") } 그 다음 익명함수를 인자로 받을 고차함수를 생성해줍니다. function simple(func){ func() func() } 그 뒤에 simple함수를 호출하고 소괄호 안에 익명함수의 변수명을 작성합니다 그럼 easy 함수안에 선언되..
자바스크립트에서 함수는 기명함수, 익명함수, ES6에서 추가된 화살표 함수가 있습니다 오늘은 기명함수와 익명함수에 대해 배운 내용을 작성해놓겠습니다 기명함수 : 말그래도 이름이 있는 함수를 뜻합니다. function str(x,y) { return x + y } str(1, 2) 익명함수 : 이름이 없는 함수를 뜻합니다. const str = function(x,y) { return x + y } str(1, 2) *기명함수와의 조금 다른점이 있습니다 익명함수는 변수에 함수를 저장하고 있는것인데요 그래서 함수의 이름이 있는것이 아닌 변수에 이름이 있는것입니다. 이렇게 변수에 함수를 저장하게 되면 함수를 인수로 전달할수도 있고 숫자를 반환하듯 함수또한 반환값으로 반환할수 있습니다. *
렉시컬 스코프란 부모 함수 안에 중첩된 내부함수는 해당 외부 함수의 범위 또는 범위 내에서 정의된 변수에 엑세스 할수 있습니다 중첩된 함수나 내부 함수는 상위 몇 레벨 위에 있든 사오간없이 부모 함수나 조무보 함수등이 엑세스 하는 동일한 항목에 엑세스 할수 있습니다 렉시컬 스코프는 역방향으로는 성립이 되지 않습니다. function bank(){ const heros = ["superMan", "spiderMan", "batMan", "wonderWoman"] function cry(){ function inner(){ for(let hero of heros){ console.log(`help me, ${hero.toUpperCase()}!`) } inner() } cry() } bank() 결과값 : ..