목록Web/JavaScript (9)
Up There
# 8 - 조건문 (switch) switch 문은 if / else 문과 마찬가지로 주어진 조건 값에 따라 프로그램이 다른 명령을 수행하도록 하는 조건문입니다. 이러한 switch 문은 if / else 문보다 가독성 측면에서 더 좋습니다. var x = 10; switch (typeof x) { case "number": document.write("변수 x의 타입은 숫자입니다."); break; case "string": document.write("변수 x의 타입은 문자열입니다."); break; case "object": document.write("변수 x의 타입은 객체입니다."); break; default: document.write("변수 x의 타입을 잘 모르겠네요..."); break;..
# 7- 조건문 제어문(control flow statements) 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문을 제어문이라고 합니다. 이러한 제어문에는 조건문, 반복문 등이 포함됩니다. 조건문(conditional statements) 조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다. 조건문 중에서 가장 기본이 되는 실행문은 if 문입니다. if 문 if 문은 표현식의 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행하지 않습니다. var x = 10, y = 20; if (x == y) { document.write("x와 y는 같습니다."); } if (x < y) { document.write..
: 증감 연산자는 피연산자를 1씩 증가 혹은 감소시킬 때 사용하는 연산자입니다. 이 연산자는 피연산자가 단 하나뿐인 단항 연산자입니다. 증감 연산자는 해당 연산자가 피연산자의 어느 쪽에 위치하는가에 따라 연산의 순서 및 결과가 달라집니다. x++ : 먼저 해당 연산을 수행하고 나서, 피연산자의 값을 1 증가시킴. ++x : 먼저 피연산자의 값을 1 증가시킨 후에 해당 연산을 진행함. 마이너스도 마찬가지. 증감 연산자의 연산 순서 증감 연산자는 피연산자의 어느 쪽에 위치하는가에 따라 연산의 순서가 달라집니다. var x = 10; var y = x-- + 5 + --x; // x = 8, y = 23 ① : 첫 번째 감소 연산자(decrement operator)는 피연산자의 뒤쪽에 위치하므로, 덧셈 연산..
연산자(operator) : 자바스크립트는 여러 종류의 연산을 위한 다양한 연산자(operator)를 제공하고 있습니다. 산술연산자 산술 연산자는 사칙연산을 다루는 가장 기본적이면서도 많이 사용하는 연산자입니다. 산술 연산자는 모두 두 개의 피연산자를 가지는 이항 연산자이며, 피연산자들의 결합 방향은 왼쪽에서 오른쪽입니다. 헷갈리는 나누기구하는 연산자 몫 : / 나머지 :% 연산자의 우선순위 와 결합방향 연산자의 우선순위는 수식 내에 여러 연산자가 함께 등장할 때, 어느 연산자가 먼저 처리될 것인가를 결정합니다. 다음 그림은 가장 높은 우선순위를 가지고 있는 괄호(()) 연산자를 사용하여 연산자의 처리 순서를 변경하는 것을 보여줍니다. 연산자의 결합 방향은 수식 내에 우선순위가 같은 연산자가 둘 이상 있..
prompt 입력받으면 무조건 문자형. ‘90’ + ‘80’ = 9080 자동 형변환, 명시적 형변환 String() - 문자형 Number() - 숫자형 [true = 1 , false =0] NaN 주의 Number(null) = 0, Number(undefined) = NaN Boolean() - false만 기억 숫자 0, 빈문자, null, undefiend, NaN 은 모두 false 나머지는 True NaN은 Not a Number의 축약형 타입 변환(type conversion) 자바스크립트는 타입 검사가 매우 유연한 언어입니다. 자바스크립트의 변수는 타입이 정해져 있지 않으며, 같은 변수에 다른 타입의 값을 다시 대입할 수도 있습니다. 묵시적 타입 변환(implicit type conve..
# 3- alert, prompt, confirm alert = 알려줌 메시지를 보여줌 prompt = 입력 받음 메시지를 보여주고 입력값을 받을 수 있는 필드 제공 confirm = 확인 받음 사용자에게 확이 받기 위함 True False. const name = prompt("이름을 입력하세요"); alert("환영합니다,"+ name +"님"); 단점 스크립트 일시 정지 스타일링 불가
#2 - 자료형 문자형표현 const name = "MIKE"; const age = 30; const message = `My name is ${name}`; console.log(message) // 1번 옆 ` (백쿼트 option + ₩), ' , " = 문자열 String const message2 = `난 ${age} 입니다.` console.log(message2) 숫자형 표현- 산술 연산자 (사칙연산 파이썬이랑 비슷) console.log(6/3) // 나누기 console.log(6%4) // % 나머지 NAN = Not a Number Boolean True / False Null 과 Undefined 존재하지 않는다, 값이 할당되지 않았다. (객체형과 심볼형) typeof 연산자 변수..
어떤 값을 저장하기 위한 공간으로 변수란 것을 사용한다. 식별자란 변수나 함수의 이름이 될 수 있는 프로그래머가 선언하는 단어를 의미함. const 절대로 변하지 않는 상수 수정 X , 대문자로 선언할 것 let 변할 수 있는 값은 let let a =1 a = 2 (값 변환가능) const / let + 식별자, 식별자(2)... 식별자 규칙 영문자와 숫자,$,_만 사용 첫글자는 숫자가 될 수 없음 예약어는 사용불가(ex. let let X) 가급적 상수(const)는 대문자로 알린다(const MAX = 99;) 변수명은 읽기 쉽고 이해할 수 있게