기초 개발 노트

화살표 함수 (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();..

스코프(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..

만약 코드가 이렇게 있다면...console.log(`김철수님 안녕하세요! 방가방가!!`);console.log('오늘도 즐거운 하루되세요!!');// 코드 100줄 정도 작성..\\console.log(`박영희님 안녕하세요! 방가방가!!`);console.log('오늘도 즐거운 하루되세요!!');// 코드 500줄 정도 작성..\\  함수란 ?함수 정의 ( 만든다 ) 관례적으로 동사로 짓는다. 소괄호 그리고 중괄호가 필수로 온다. function 이름() {}   이것을 코드의 모듈화 라고 한다.// 함수 정의 ( 만든다 ) (관례적으로 동사로 지음) (소괄호 중괄호 필수) (이런식으로 하는걸 코드의 모듈화 라고함)function sayHello (userName) { console.log(`${us..

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. 모든 팀원의 월급에 대한 정보를 담고 ..

for (let 새로만들 변수 in 객체이름)   이건 키를 반환함for of 이건 객체의 값을 반환함let phone = { company: "삼성", color: "펄 화이트", model: "갤럭시 S24 Ultra", price: 1200000,};// for in 문은 for of문과 달리 값이 아닌 키가 반복됨for (let data in phone) { console.log(data); // console.log(phone.data); // key가 문자열이면 [] 대괄호 문법을 써야한다. console.log(phone[data]); // console.log(typeof data);}// 객체 프로퍼티 유무 확인// phone에 새로운 프로퍼티 추가하고 싶음console...

객체 key란 객체안에 목록이름들을 말한다.property란 객체안의 이름안의 내용들을 말한다. 객체를 추가하고 제거하고 정의하는 여러가지 방법을 알아보았다. [] 배열배열은 입출력 명령이 조금씩 다르다. 그점 유의해서 코드를 살피면 될 것 같다. 예제 코드// 객체 생성// 우리 집 강아지 정보 저장// let name = '뽀삐';// let kind = '진돗개';// let age = 3;// let injection = true;// let favorite = ['산책', '간식'];// let bark = () => console.log('왈왈');// var dog = [// '뽀삐',// '진돗개',// 3,// true,// ['산책', '간식'],// () => c..

Quiz 1/*- Quiz. 아래 요구사항에 맞는 코드를 작성하고 브라우저에서 실행하여 테스트하세요.- 요구사항1. 변수에 배열 ['유노윤호', '최강창민', '영웅재중', '믹키유천', '시아준수']을 저장하세요. 2. 사용자에게 삭제할 멤버 이름을 입력받고 해당 멤버를 배열에서 삭제시킨 뒤 삭제 완료 후의 배열을 출력해서 보여주세요.3. 배열에 없는 이름을 입력하면 'xxx는 잘못된 이름입니다.'라고 출력한 후 다시 삭제할 이름을 입력할 수 있도록 하세요.4. 전체멤버를 정확하게 삭제할때까지 프로그램은 계속되어야 합니다.*/  나의 코드 (수정 전)// 멤버 이름// var tvxq = ['유노윤호', '최강창민', '영웅재중', '믹키유천', '시아준수'];// 삭제할 멤버 이름 입력받기// var..