1. 배열(Array) // 배열(Array) // 각 값들은 요소(element)라고 부르며, 요소들은 index라는 순서를 가짐 let menu = [ 'americano', 'latte', 'frappuccino', 'ade' ]; // index == propertyName // 배열의 요소를 가져오는 방법 console.log(배열이름[index]); // -> 이렇게 인덱스를 통해서 요소에 접근하는 것을 인덱싱(indexing)이라고 함 // * 주의점 * 인덱스는 1이 아닌 0부터 시작 console.log(mene[0]); // americano 2. 배열 다루기 // 배열 = 객체 // 배열은 단순히 여러 값들을 묶어주는 역할만 하는 것이 아니라, // 다양한 프로퍼티와 메소드로 필요한 ..
DEV/JavaScript
1. 객체(Object) let summer = { name: '여름', bornYear: 2021, isVeryNice: true } 여러가지 값을 한번에 저장해서 사용하고 싶다면, 객체를 사용할 것 중괄호{}를 통해서 만들 수 있고, 중괄호 안에는 여러 가지 다양한 값들을 쉼표로 구분해서 저장할 수 있음 각 값들을 명확하게 하기 위해 콜론(:)과 함께 값의 이름을 붙여주어야 함 값들은 value(밸류), 값의 이름은 key(키) -> key-value 한 쌍을 객체의 속성, 즉 property라고 함 + 왼쪽에 위치한 키를 프로퍼티 이름(property name)이라고도 하고, 오른편에 위치한 값들은 프로퍼티 값(property value)라고도 함 property name 작성 시 주의할 점 프로퍼..
기본 // while문 (while statement) while (조건부분){ 동작부분 } // 1.while문과 for문은 서로 대체가 가능 // 2.while문에는 초기화 부분이 없기 때문에, 반복에 필요한 횟수를 카운트하려면 // 반복문 밖에서 글로벌 변수(전역 변수)를 미리 만들어주어야 함 let i = 1; while(i 반복문 밖의 글로벌 변수를 가지고 조건을 평가! let i = 30; while(i % 7 !== 0){ i++; } console.log(i); 연습 1 - while 반복문을 사용하여 1 이상 100 이하의 홀수를 모두 출력 // 변수 i를 1로 설정(1이상이니까) let i = 1; // 100이하가 될 수 있게 조건 걸어주기 while(i 정수 N의 약수는 N을 나누었..
기본 // 반복문 // for문 (for statement) for (초기화부분; 조건부분; 추가동작부분){ 동작부분 } // 연습 // 안녕하세요. 10번 출력하기 for(let i = 1; i 활용하자 for (let i = 1; i 당연함, let i = 1을 for문에 작성했으니 for문 밖에서 i를 사용할 수 없음 for (let i = 1; i 그렇지 않으면 실행 오류 let i = 1; for (; i
// 옵셔널 파라미터 // 파라미터에 기본값을 설정하는 것 // 함수를 호출할 때 파라미터 값을 전달해도 되고 생략해도 되는, 선택적으로 전달받는 것 function introduce(name, age, nationality = '한국'){ console.log(`제 이름은 ${name}입니다.`); console.log(`나이는 ${age}살 이고,`); console.log(`국적은 ${nationality}입니다.`); } // case 1 introduce('summer', 4, '미국'); // 값을 모두 전달한 경우 // 제 이름은 summer입니다. // 나이는 4살 이고, // 국적은 미국입니다. // case 2 introduce('summer', 4); // 파라미터 값을 생략한 경우 ..
// return과 console.log의 차이 function printSquare(x){ console.log(x * y); } function getSquare(x){ return x * y; } // case 1 printSquare(3); // 9가 console에 출력 // case 2 getSquare(3); // 리턴문이 실행되고, getSquare 함수 종료 -> console에는 아무것도 출력되지 않음 // case 3 console.log(getSquare(3)); // 9가 console에 출력 // case 4 console.log(printSquare(3)); // 9와 undifined 출력 // 9는 printSquare의 실행부분, console.log(x * x) // u..
null과 undefined // null과 undefined // 서로 다른 자료형 // undefined : 처음부터 아무것도 없었다는 것을 표현 let aaa; console.log(aaa); // undefined // null : '값이없음'을 의도적으로 표현 aaa = null; console.log(aaa); 연습 1 // 연습 1 let x; console.log(x); // 1 let y = x; x = null; console.log(y); // 2 console.log(x); // 3 x = y; console.log(x); // 4 // 1 : undefined // 아무런 값도 할당하지 않았기때문에 undefined // 2 : undefined // 변수 y를 선언함과 동시에 변..
템플릿 문자열이란? - 어퍼스트로피( ` ) 사용 // 템플릿 문자열(template strings) // template : 일정한 틀, 형식 let year = 2018; let month = 3; let day = 11; // 1 console.log('생년월일은 ' + year + '년 ' + month + '월 '+ day + '일 입니다.'); // 2 // 템플릿 문자열 사용하여 더하기 기호 생략하기 // 중괄호 안에는 변수나 연산식 등을 쓸 수 있음 console.log(`생년월일은 ${year}년 ${month}월 ${day}일 입니다.`); // 콘솔 출력(1=2) 생년월일은 2018년 3월 11일 입니다. 생년월일은 2018년 3월 11일 입니다. // 템플릿 문자열 활용하여 훨씬 더..
