조건식 ? 참일 때 실행되는 식 : 거짓일 때 실행되는 식 조건부 연산자는 문이 아니라 식이므로 결괏값이 나온다. let value; value = 5 < 0 ? '참입니다' : '거짓입니다'; // '거짓입니다' 조건부 연산도 중첩해서 사용할 수 있다. let condition1 = true; let condition2 = false; let value = condition1 ? condition2 ? '둘 다 참' : 'condition1만 참' : 'condition1이 거짓'; console.log(value); // condition1만 참 조건부 연산자를 두 번 연이어 썻더니 가독성이 떨어진다. 이럴 때는 좀 더 읽기 편하게 소괄호 연산자로 감싸주면 좋다. let value = conditio..
else를 사용해 두 방향으로 분기하기 if (조건식) { // 조건식이 참인 값일 때 실행 실행문; } else { // 조건식이 거짓인 값일 때 실행 실행문; } let value = '사과'; let condition = false; // else 문이 실행됨 if(condition) { value = '바나나'; } else { value = '포도'; } console.log(value); // 포도 else if를 사용해 여러 방향으로 분기하기 if (조건식) { 실행문; } else if (조건식) { 실행문; } else { 실행문; } if문은 if만 필수 else와 else if는 선택 const score = 90; if (score >= 90) { console.log('A+'); ..
조건문은 조건에 따라 코드를 실행하거나 실행하지 않는 문 분기, 판단 하는게 조건문이다. if (로그인한 사용자) 정보를 보여준다; if (조건식) 동작문; 조건문은 조건식과 실행문으로 구성된다. if (조건식) { 실행문1; 실행문2; 실행문3; } 만약 실행문이 하나 이상이면 실행문들을 중괄호로 감싼다. 🌈 실제로 조건식 true, false를 넣으면 분기하는 이유가 없다. 그래서 조건(식)에 보통 변수를 넣어서 코드의 흐름을 제어하는 것이 if문 이다. let condition = true; if (condition) { console.log('Hello, if!'); } true, false만 올 수 있는건 아니다. if (0) { console.log('Hello, if!'); } ▲ 0을 불 ..
상수 만들기 const(constant) 상수의 줄임말이다. 변수는 변하는 수이다. 상수는 변하지 않는 수이다. const는 엄밀히 상수는 아니다. const를 변수라고 해도 틀린말은 아니다. const는 객체의 내부 값에는 적용되지 않는다. 상수를 왜 사용할까? 코딩을 하다 보면 실수로 값을 수정하는 일이 생긴다. 그걸 막기위해 상수를 사용한다. // 크롬 개발자도구 콘솔 환경 const value = '상수입니다.'; // undefined // ▲ const도 식이 아니라 선언문이기 때문에 콘솔에 undefined가 출력된다. value = '바꿀 수 없습니다.'; // Uncaught TypeError: Assignment to constant variable. // ▲ 다른 값을 대입하면 에러가..
변수의 값 수정하기 변수는 변하는 수라는 의미지만 수는 숫자가 아니라 값이라고 생각하자. 변하는 값이기 때문에 나중에 바꿀 수 있다. // 크롬 개발자도구 콘솔 환경 let change = '바꿔 봐'; // undefined change = '바꿨다!!!'; // "바꿨다!!!" change; // "바꿨다!!!" change = “바꿨다” 에서 결과값이 있는 이유는? let으로 변수를 선언할 때는 콘솔의 결과값이 undefined 이지만, 변수의 값을 바꿀 때는 결과로 바꾼 값이 나온다. 같은 대입 연산자를 사용했는데, 결과가 다르다. 왜 그럴까?? 👉 이는 let의 역할 때문이다. let이 없을 때는 코드가 식이라서 대입한 값이 결과값으로 출력되지만, let이 앞에 붙는 순간 선언문이 된다. 여기서..
프로그래머가 제일 어려운 하는게 변수명 짓는거다. 변수명은 최대한 자세하고 명확하게 그 값이 뭔지 알 수 있게 지어야 한다. 변수 네이밍 규칙 1.특수문자는 $, _ 만 가능 let $ = '달러'; $; // '달러' let _ = '언더바'; _; // '언더바' let er^ror = 'No!'; // Uncaught SyntaxError: Unexpected token '^' 2.숫자 첫글자로는 안됨 let 2error = 'No!'; // Uncaught SyntaxError: Invalid or unexpected token let button2 = 'OK!'; button2; // 'OK!' 3. 띄워쓰기 안됨 let zerocho is babo = ‘hahaha’; // Uncaught S..
1. 현실에 있는것을 컴퓨터 속으로 옮기는것 2. 옮겨놓은걸 통해서 자유롭게 기능을 만들고 다시 현실에 있는 문제를 해결하는 프로그램을 만드는 것 변수를 다룰줄 알면 자료형과 값을 활용해 현실의 문제를 해결 할 수 있다. 변수 - 잠깐 동안 특정한 값을 저장할 수 있음 - 변수를 활용하면 컴퓨터가 기억하게 할 수 있음 - 값을 저장하고 저장한 값을 불러올 수 있게 하는 것이 변수이다. 컴퓨터에서는 값을 저장해두는게 매우 중요하다. 저장을 해놔야 활용 가능하기 때문이다. 다음과 같이 복잡한 숫자를 저장하고 변수를 사용하면 쉽게 그 자료에 접근 할 수 있다. 앞으로 프로그래밍 할때 대부분의 경우에 값들을 변수에 저장해놓고 저장한거끼리 계산을 하는 경우가 많을 것이다. console.log(string)는 되..
빈 값 사용하기 여기서는 undefined와 null 자료형을 알아본다. 이 둘은 빈 값(비어 있음을 의미)을 표현한다는 공통점이 있지만, 차이점도 있다. undefined 컴퓨터는 대부분 우리가 입력을하면 어떤 값을 돌려준다. console.log(‘Hello, world!’) 를 쳤을때 undefined를 돌려준다. 돌려주는게 없다라 하지말고 undefined를 돌려준다라고 기억하자! 돌려줄게 없으면 undefind를 돌려준다!! typeof undefined; // "undefined" ▲ undefined는 자료형인걸 알 수 있다. !!undefined; // false ▲undefined는 불 값으로 형 변환하면 false가 나온다. ✅ 단, undefined와 false는 같지 않다. 거짓인 ..
논리 연산자 사용하기 불 값은 논리식을 다룰 때 많이 사용한다. && 연산자 (and, 그리고) 둘 다 true여야 true 둘 중 하나라도 false라면 false 10 > 5 && 6 8; // false ! 연산자 (부정 연산자) !true; // false ! 연산자를 이용해 다른 자료형을 불 값으로 형 변환하는 방법 (참고) Boolean(‘a’) // true !!'a'; // true !!0; // false !!'' // false !!false // false !!NaN // false ✅ falsy ..
컴퓨터는 실제로 1과 0밖에 모른다. 1과 0은 참과 거짓에 대응된다. 자바스크립트에도 true와 false를 나타내는 불 값(boolean)이라는 자료형이 있다. 📌 불 값 표현하기 true; // true false; // false typeof true; // "boolean" 📌 비교 연산자 사용하기 참과 거짓은 논리식의 결괏값으로 주로 사용된다. 예를 들어, 숫자를 비교할 때 결괏값으로 불 값이 나온다. 5 > 3; // true 5 = 5; // true 5 , =, NaN; // false NaN >= NaN; // false NaN != NaN; // true 불 값,문자열끼리 비교하기 // 불 값끼리 비교 true > f..
