개발 기술 블로그

여기 예제가 있다. const traders = [ { trader: { name: "김철수", // traders[0].trader.name city: "대전", }, year: 2023, // traders[1].year value: 500000, }, { trader: { name: "박영희", city: "서울", }, year: 2022, value: 600000, }, { trader: { name: "김철수", city: "대전", }, year: 2022, value: 1200000, }, { trader: { name: "박영희", city: "서울", }, year: 2023, value: 650000, }, { trader: { name: "뽀로로", city: "부산", }, yea..

사과바구니를 가져왔다 const appleBasket = [{ color: 'green', sweet: 13 }, { color: 'red', sweet: 14 }, { color: 'red', sweet: 11 }, { color: 'green', sweet: 6 }, { color: 'green', sweet: 7 }, { color: 'green', sweet: 9 }, ]; 문제. /* 사과중에 녹색이면서 당도가 9인 사과만 선별하여 // filtering 1 "이 사과는 xx색이며 당도는 xxx입니다" // mapping 2 라는 문자열이 들어있는 배열을 만들어tj 콘솔에 반복출력해주세요. // forEach */ const filteredApples = appleBasket.filter(app..

const userList = [ { account: 'abc1234', userName: '대길이', job: '추노', address: '서울', hobbys: ['수영', '축구', '테니스'], salary: 5400000, age: 35, }, { account: 'banana', userName: '빠나나', job: '과일', address: '서울', hobbys: ['푸드파이팅', '테니스'], salary: 9700000, age: 18, }, { account: 'park1234', userName: '주차왕', job: '발렛파킹', address: '경기', hobbys: ['족구', '축구', '테니스', '영화감상'], salary: 3900000, age: 56, }, { a..

콜백이란?? 함수의 매개변수를 통해 다른 함수의 내부로 전달되는 함수를 콜백 함수라고 하고, 매개 변수를 통해 외부에서 콜백 함수를 전달받은 함수를 고차 함수라고 한다. 콜백의 핵심 : 동작을 파라미터화한다 if문에 들어있는 조건식들만 파라미터로 전달한다면 쉽게 해결 자바스크립트의 함수는 일급 객체라서 함수에게 다른 코드를 전달하는 것이 가능. 단, 전달할 코드가 함수에 묶여있어야 한다는게 포인트 // 어떤 계산을 하는 함수 function operate(param) { console.log(`param = ${param}`); const x = param(10, 20); console.log('계산기 작동!!'); const n1 = 10, n2 =20; const result = param(n1,n2..

화살표 함수 (arrow function) 함수는 함수 선언문 방식과 함수 표현식 방식으로 만들 수 있다 ES6부터는 더 간편한 방법으로 함수를 만드는 화살표 함수 문법이 추가되었다. ///// 화살표 함수 // 중괄호(한줄일때), 리턴 제거가능(한줄일떄) const add = (n1, n2) => n1 + n2; const r1 = add(10, 20); console.log(`r1: ${r1}`); const sayHello = () => console.log('안녕하세요'); sayHello(); const kim = { name: '김철수', greeting: sayHello, dance: () => console.log('춤을 신나게 춥니다.') }; kim. greeting(); kim.dan..

// 함수도 하나의 데이터이고 값이다. console.log(typeof plus); const r2 = plus(5, 8); console.log(`r2: ${r2}`); // 익명 함수 : 함수를 값(리터럴)을 본 경우 // 함수 표현식 이라고함 const multiply = function(n1, n2) { return n1 * n2; }; // 값으로 쓸꺼면 세미콜론 붙임 함수이름도없음. const r3 = multiply(3, 4); console.log(`r3: ${r3}`); /* # 다음과 같은 조건을 만족하는 객체를 일급객체라고 한다. 1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 2. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 3. 함수의 매개변수에 ..

스코프(scope)란?? 모든 식별자(변수, 함수, 클래스 등)는 자신이 선언된 위치에 의해 다른 코드가 자신을 참조할 수 있는 유효 범위가 결정되는데 이를 스코프라고 부릅니다. 라고한다 var x = 99; // global scope : 전역 변수 // 다른코드랑 결합될수도 있음 최대한 안쓰는게좋음 var y = true; function foo () { var x ='홍길동'; // local scope : 지역 변수 console.log(`foo x: ${x}`); var y = '메롱'; console.log(`foo y: ${y}`); var z = 100; return x; } 전역 변수는 쓰지 않는 것이 좋다. // 중첩 함수 : 함수 안에 함수를 정의 function outer(m) { ..

function add2(n1, n2) { return n1 + n2; } function add3(n1 , n2 , n3) { return n1 + n2 + n3; } 이처럼 코드가 계속 불어날 일이 생긴다면, // 만약 n개의 정수 합을 구해주는 함수를 만들어야 한다면 // 파라미터에 집합 자료형(배열, 객체) 으로서 전달한다 function addAll(numbers) { var total = 0; for (var n of numbers) { total +=n; } return total; } 이러한 식으로 하거나 // ES6 - spread문법 // 점 ... 세개 배열로들어감 여러개 스프레드는 안됨. only 1배열 function addAllES6 (...numbers) { console.lo..

Quiz 1 /* Q. n의 약수의 개수를 구하기 1. 정수 n을 전달받아 n의 약수들을 출력하고 약수의 개수를 리턴하는 함수 calcDivisor를 정의하세요. 2. 약수의 출력은 함수 내부에서 이뤄져야 합니다. 3. 힌트) 전달받은 n을 1부터 n까지 지속적으로 나누어 나누어 떨어졌을 시 약수의 개수 카운트를 1증가시키고 출력. */ function calcDivisor (n) { var divCount = 0; var arr = []; for (var i=1; i= 25.0) { level = '과'; } else if (bmi 6 34.12314234523 -> 34 5.78786455435 x 100 => 578.7864... 반올림 => 579 / 100 => 5.79 */ function r..

Return 이란? 걍 반복문에 break와 비슷하다고 보면 된다. 대신 옆에 갚을 주고 출력할수있다. // return은 함수의 탈출문 (종료문) function add(n1, n2) { console.log(`n1: ${n1}, n2: ${n2}`); return n1 + n2; } 리턴이 없는 함수도 있다. // 리턴이 없는 함수 function multi(n1, n2) { console.log(`${n1} x ${n2} = ${n1 * n2}`); } // 리턴이 없는 함수는 변수에 저장하지 말고, 다른 함수의 매개값으로도 쓰면 안됨. var r2 = add(multi(2, 4), multi(3, 2)); console.log(`r2: ${r2}`); // return이 없는 함수에서 return..