나디아 성장 일기

함수 선언문function 함수명(매개 변수) {                  ...}  호출함수명(인수); function sayHi() { alert( "Hello" );}// 선언sayHi();// 호출   함수 표현식: 함수를 생성해서 변수에 저장함let 변수 = function( ) {              ...};  함수를 실행하고⭕ 전달하면 👉 함수의 반환값(return)을 전달 함수를 실행하지 않고 ❌ 전달하면 👉 함수 본문을 전달function sayHi() { return 'hello'}const a = sayHi() // 'hello'// 함수 실행 O -> 함수 값이 저장됨const b = sayHi // function// 함수 실행 X -> 함수 자체가 저장됨 co..

지역 변수: 함수 내에서 선언한 변수 (함수 내에서만 접근 가능)function showMessage() { let message = "안녕하세요!"; // 지역 변수 alert( message );}showMessage(); // 안녕하세요!alert( message ); // ReferenceError    전역 변수: 함수 외부의 변수전역 변수의 오염을 막아야 한다❗함수 내부 👉 외부 변수 사용⭕함수 외부 👉 내부 변수 사용❌let userName = 'John';function showMessage() { let message = 'Hello, ' + userName; alert(message);}showMessage(); // Hello, John  함수에서 외부 변수를 수정할 수 있..

for문 : 조건이 true면 코드 실행 for (let i = 0; i { ...}for (let i = 0; i continue;: 현재 반복문을 빠져나온다. (다음 반복으로 넘어간다.)for (let i = 0; i in문: key 값이 object(객체) 안에 있는지 확인key in object prototype(부모) 안에 내용까지 확인해줌(객체의 속성(property) 포함 여부 확인)const javaScript = { creator: 'Brendan Eich', createAt: '1995.05', standardName: 'ECMAScript', currentVersion: 2023,};console.log('valueOf' in javaS..

while문: 조건이 맞으면 코드 실행while (조건식) { ...}let i = 0;while (i * 이터레이션(iteration, 반복): 반복문 본문이 한 번 실행되는 것 do while문: 조건 안 맞아도 무조건 1번 실행 후 조건 검사 최소 한 번은 먼저 실행해야 할 때 사용do { ...} while (조건식);let a = 5;do { console.log('사랑해'); a++;} while (a > 7);// 사랑해while (a break;: 반복문을 즉시 중단하고 빠져나온다.let sum = 0;while (true) { let value = +prompt("숫자를 입력하세요.", ''); if (!value) break; // (*) sum..

switch문: 다양한 상황에서 비교할 수 있는 조건문break를 안 넣으면 조건에 맞지 않는 case 코드들도 실행됨(= fall-through(폴스루) )switch (변수) { case 조건1: ... break; case 조건2: ... break; default: ... break;} let a = 2 + 2;switch (a) { case 3: alert( '비교하려는 값보다 작습니다.' ); break; case 4: alert( '비교하려는 값과 일치합니다.' ); break; case 5: alert( '비교하려는 값보다 큽니다.' ); break; default: alert( ..

nullish 병합 연산자 `??`?? : 값이 있는 첫 번째 변수를 찾는다.왼쪽(첫 번째) 피연산자가 null 또는 undefined일 때 오른쪽(두 번째) 피연산자를 반환 null과 undefined만 고려  a ?? ba 값이 있으면⭕(null / undefined가 아니면) 👉 a 값 할당a 값이 없으면❌(null / undefined면) 👉 b 값 할당let firstName = null;let lastName = null;let nickName = "바이올렛";alert(firstName ?? lastName ?? nickName ?? "익명의 사용자"); // nickName 출력("바이올렛")  * 조건부 삼항 연산자const a = null;const b = 'Hello';const ..

논리 연산자 AND 연산자 &&: 둘 다 true면 true우선순위: AND(&&) > OR(||)  ✨ AND 연산자로 첫 번째 false 찾기 AND 연산자가 여러 개인 경우, 첫 번째  falsy 반환 falsy가 없다면 마지막 값을 반환 result = value1 || value2 || value3; (1) 왼쪽부터 피연산자를 boolean형으로 변환하며 true 찾기(2) false면 연산을 멈추고 해당 피연산자의 기존값을 반환 (더 이상 진행하지 않는다.)(3) false가 없으면 마지막 피연산자 반환// 첫 번째 피연산자가 truthy이면,// AND는 두 번째 피연산자를 반환합니다.alert( 1 && 0 ); // 0alert( 1 && 5 ); // 5// 첫 번째 피연산자가 fals..

alert: 확인 버튼만 있는 모달창에 문자열 설정alert("Hello");    prompt: 확인 & 취소 버튼이 있는 모달창의 문자열과 입력창의 초깃값 설정사용자가 입력창에 입력한 문자열을 반환 (입력을 취소한 경우는 null 반환)prompt(문자열, 기본값); let age = prompt('나이를 입력해주세요.', 100);     confirm: 확인 & 취소 버튼이 있는 모달창에 질문 문자열과 버튼 결과값을 출력boolean형으로 반환: 사용자가 확인 버튼을 누르면 true, 그 외의 경우는 false 반환let isBoss = confirm("당신이 주인인가요?");    alert, prompt, confirm을 이용한 상호작용 ko.javascript.info

if 문if ( 조건식 ) {     ...} else if (조건식) {     ...} else {     ...} let year = prompt('ECMAScript-2015 명세는 몇 년도에 출판되었을까요?', '');if (year 2015) { alert( '숫자를 좀 더 내려보세요.' ); } else { alert( '정답입니다!' );}   boolean형 사용0, 빈 문자열(""), null, nudefined, NaN 👉 false (falsy 값)이 외의 값 👉 true (truthy 값)if (1) { // 1은 truthy입니다. ...}if (0) { // 0은 falsy입니다. ...}   조건부 연산자 ?: 조건식이 true면 (true일 때 실행), fal..

기본 연산자 피연산자: 연산을 수행하는 대상 단항 연산자: 피연산자가 1개let x = 1;x = -x;alert( x ); // -1 이행 연산자: 피연산자가 2개let x = 1, y = 3;alert( y - x ); // 2 수학 연산자덧셈: +뺄셈: -곱셈: *나눗셈: /나머지: %a % b = a를 b로 나눈 나머지를 정수로 반환alert( 5 % 2 ); // 1 (5 % 2 = ...1)alert( 8 % 3 ); // 2 (8 % 3 = ...2) 거듭제곱: **a ** b = a를 b번 곱한 값이 반환alert( 2 ** 2 ); // 4 (2 * 2)alert( 2 ** 3 ); // 8 (2 * 2 * 2) 이항 연산자 + : 문자열 병합"문자열" + "문자열" = 병합 *..