항해일지

오늘 공부한걸 다시한번 풀어보았다. /** * 메시지 발송 함수 * @param {userName} string */ function sendMessage(userName) { console.log(`[메시지 발송] ${userName}님 에게 메시지를 발송했습니다.`); } // ---------------- 시 작 ------------------- // // 1. 쇼핑몰을 운영하고 있습니다. 각 회원들의 정보를 관리하기 위해 데이터화하세요. // 회원정보는 // 아이디, 이름, 나이, 이메일, 레벨, 보유 포인트, 마케팅 수신동의여부 // 정보를 포함하고 있습니다. // (레벨은 1~3까지) let members = [{ id : 'gyghks99', name : '김효환', age : 28, em..

4가지 키워드로 정리하는 핵심 포인트 속성 존재 여부 확인은 객체 내부에 어떤 속성이 있는지 확인하는 것을 의미합니다. 객체에 없는 속성은 접근하면 undefined가 나오는데, 이를 활용하면 됩니다. 다중 할당은 배열과 객체 하나로 여러 변수에 값을 할당하는 것을 의미합니다. 얕은복사(참조복사)는 복사하는 행위가 단순하게 다른 이름을 붙이는 형태로 동작하는 복사를 의미합니다. 깊은 복사는 복사 후 두 객체를 완전하게 독립적으로 사용할 수 있는 복사를 의미합니다. 1. 다음 중 전개 연산자의 형태로 올바른 것을 골라주세요. ~ ... @ spread 2. 구글에 "popular javascript libraries 2020" 등으로 검색해서 자바스크립트 라이브러리를 살펴본 후, 이름 7개만 적어주세요. ..

객체 객체[Object]란 추상적 의미로 자바스크립트에서 사용되는 함수,배열,메소드 등 대부분이 객체를 조상으로 삼는다. 객체는 중괄호 {…}를 이용해 만들 수 있습니다. 중괄호 안에는 ‘키(key): 값(value)’ 쌍으로 구성된 프로퍼티(property) 를 여러 개 넣을 수 있는데, 키엔 문자형, 값엔 모든 자료형이 허용됩니다. 프로퍼티 키는 ‘프로퍼티 이름’ 이라고도 부릅니다. 빈 객체를 만드는법은 두가지가 있다 let user = new Object(); // '객체 생성자' 문법 let user = {}; // '객체 리터럴' 문법 속성과 메소드 배열 내부에 있는 값을 요소(element)라고 한다. 반면 객체 내부에 있는값은 속성(property)라고 한다 배열의 요소와 마찬가지로 객체의 ..

5가지 키워드로 정리하는 핵심 포인트 요소란 배열 내부에 있는 값을 말합니다. 속성은 객체 내부에 있는 값을 의미합니다. 메소드는 속성 중에 함수 자료형인 것을 의미합니다. this 키워드는 객체 내부의 메소드에 객체 자신을 나타내는 키워드입니다. 객체 생성 이후에 속성을 추가하거나 제거하는 것을 동적 속성 추가, 동적 속성 제거라고 합니다. 1. 다음과 같은 대상을 자바스크립트 객체로 선언해주세요. 자료형은 알맞다고 생각하는 것(문자열, 숫자, 불 등)으로 지정해주세요. const test = { name : '혼자 공부하는 파이썬', price : 18000, publisher : '한빛 미디어' } console.log(test) 2. 다음 중 객체에 동적으로 속성을 추가하는 문법을 고르세요. ad..

함수 스크립트를 작성하다 보면 유사한 동작을 하는 코드가 여러 곳에서 필요할 때가 많습니다. 사용자가 로그인이나 로그아웃을 했을 때 안내 메시지를 보여주는 동작 같은 경우 말이죠. 함수는 프로그램을 구성하는 주요 '구성 요소(building block)'입니다. 함수를 이용하면 중복 없이 유사한 동작을 하는 코드를 여러 번 호출할 수 있습니다. 우리는 앞서 다양한 예시에서 alert(message), prompt(message, default), confirm(question)과 같은 내장 함수를 사용해 보았습니다. 이번 챕터에선 함수를 직접 만드는 방법에 대해 알아보겠습니다. 함수 선언 function showMessage(매개변수를 받을수 있는 자리) { alert( '안녕하세요!' ); } 함수를 ..

7가지 키워드로 정리하는 핵심 포인트 익명 함수란 이름이 없는 함수로 function() { } 형태로 만듭니다. 선언적 함수란 이름이 있는 함수로 function 함수 이름 () { } 형태로 만듭니다. 함수의 괄호 안에 넣는 변수를 매개변수라고 합니다. 매개 변수를 통해 함수는 외부의 정로블 입력받을 수 있습니다. 함수의 최종적인 결과를 리턴값이라고 합니다. 함수 내부에서 return 키워드를 입력하고 뒤에 값을 넣어서 생성합니다. 가변 매개변수 함수란 매개변수의 개수가 고정되어 있지 않은 함수를 의미합니다. 나머지 매게 변수 (. . .)활용해서 만듭니다. 전개 연산자란 배열을 함수의 매개변수로써 전개하고 싶을때 사용합니다. 기본 매개변수란 매개변수에 기본값이 들어가게 하고 싶을 때 사용하는 매개변..

[강의 정리] 배열 [Array] 배열 선언 아래 두 문법을 사용하면 빈 배열을 만들 수 있습니다 let arr = new Array(); let arr = [ ]; 배열 메서드 arr.push(...items) – 맨 끝에 요소 추가 arr.pop() – 맨 끝 요소 제거 arr.shift() – 맨 앞 요소 제거 arr.unshift(...items) – 맨 앞에 요소 추가 배열의 특징 인덱싱 할 수 있다 인데스는 0 부터 시작한다 배열 요소는 모든 타입을 허용한다. [배열에서 자주 사용되는 메소드] 1.map() 2.forEach() 3.filter() 4.reduce 5.find() MDN 링크 (메소드 등 javascript 참고자료) https://developer.mozilla.org/ko/..

6가지 키워드로 정리하는 핵심 포인트 for in 반복문은 배열의 인덱스를 기반으로 반복할 때 사용합니다. for of 반복문은 배열의 값을 기반으로 반복할 때 사용합니다. for 반복문은 횟수를 기반으로 반복할 때 사용합니다. while 반복문은 조건을 기반으로 반복할 때 사용합니다. break 키워드는 switch 조건문이나 반복문을 벗어날 때 사용합니다 continue 키워드는 반복문 안의 반복 작업을 멈추고 반복문의 처음으로 돌아가 다음 반복 작업을 진행합니다. 1. 다음 프로그램의 실행 결과를 예측해보세요. const array = ['사과', '배', '귤', '바나나'] console.log('# for in 반복문!') for (const i in array) { console.log(i)..