기초 개발 노트

여기 예제가 있다.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: "박영희", c..

사과바구니를 가져왔다 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.filte..

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:..

콜백이란??함수의 매개변수를 통해 다른 함수의 내부로 전달되는 함수를 콜백 함수라고 하고, 매개 변수를 통해 외부에서 콜백 함수를 전달받은 함수를 고차 함수라고 한다. 콜백의 핵심 : 동작을 파라미터화한다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.dance();..

// 함수도 하나의 데이터이고 값이다.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) { cons..

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 여기서 i 는 파라미터에 관한 즉 호출부 값 10에 관한 것이라는 걸 알 수 있다. 조건문이든 뭐든 관해서 사용하려면 i를 넣어준다.그리고 divcount로 갯수를 새고 arr.push로 배열을 만들어주는 것이다.        Quiz 2/*1...

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..