분류 전체보기 (289) 썸네일형 리스트형 JavaScript* 화살표 함수 화살표 함수 (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();.. JavaScript* ES6. 함수 표현식 // 함수도 하나의 데이터이고 값이다.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. 함수의 매개변수에 함수를 전달할.. JavaScript* 스코프 (scope) 스코프(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) .. JavaScript* 다중 매개변수와 다중 변환값 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.. JavaScript* 함수 quiz 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... JavaScript* 리턴(Return) 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.. JavaScript* 함수 기초 만약 코드가 이렇게 있다면...console.log(`김철수님 안녕하세요! 방가방가!!`);console.log('오늘도 즐거운 하루되세요!!');// 코드 100줄 정도 작성..\\console.log(`박영희님 안녕하세요! 방가방가!!`);console.log('오늘도 즐거운 하루되세요!!');// 코드 500줄 정도 작성..\\ 함수란 ?함수 정의 ( 만든다 ) 관례적으로 동사로 짓는다. 소괄호 그리고 중괄호가 필수로 온다. function 이름() {} 이것을 코드의 모듈화 라고 한다.// 함수 정의 ( 만든다 ) (관례적으로 동사로 지음) (소괄호 중괄호 필수) (이런식으로 하는걸 코드의 모듈화 라고함)function sayHello (userName) { console.log(`${us.. JavaScript* 객체 quiz 1 Quiz 1/*Q1. 아래 문제를 각각 풀어보세요. 1. 빈 객체 user를 만듭니다. 2. user에 키가 name, 값이 John인 프로퍼티를 동적 추가하세요. 3. user에 키가 surname, 값이 Smith인 프로퍼티를 동적 추가하세요.'4. name의 값을 Pete로 수정해보세요. 5. user에서 프로퍼티 name을 삭제하세요. */let user = {};user.name = 'John';console.log(user);user.surname = 'Smith';console.log(user);user.name = 'Pete';console.log(user);delete user.name;console.log(user); Quiz 2 /* Q2. 모든 팀원의 월급에 대한 정보를 담고 .. 이전 1 ··· 28 29 30 31 32 33 34 ··· 37 다음