호미의 개발블로그

조건문(if문): 조건을 만족하면(true), 실행한다.

블록 : 여러개의 실행문을 묶어서 제어할 수 있다.

조건분기문(if~ else~) : 조건의 결과에 따라 두가지의 경우 중 하나만 실행

다중 if문 : if문을 중첩하여 사용

switch문 : 값에 따라 서로 다른코드를 실행할 때 사용(식과 값이 같으면 실행문을 실행함.)

연산자

연산:식을 계산하여, 결과를 얻는 과정

연산자(연산기호):식에서 좌변과 우변을 연산하여, 하나의 값을 도출함.

산술 연산자 (+, - *, /, %)

console.log(a+b);

console.log(a-b);

console.log(a*b);

console.log(a/b);

console.log(a%b); →나머지 연산자

문자 연결 연산자(+) :좌변과 우변을 연결하여 하나의 문자열을 만듦.(문자열이 포함이 되면 문자열로 출력됨)

console.log("파란"+"하늘"); //"파란하늘"

console.log(100+"a");  //"100a"

console.log("123"+45); //"12345"

탬플릿 문자열:백틱(``)을 사용하여 문자열을 표현한다.

console.log(`탬플릿문자열`);

console.log(`변수a:$[{a}, 변수b:${b}`); →문자열 안에서 변수를 호출할 수 있다.

대입연산자(=, +=, -=, *=, /=, %=)

a = 20; →우변의 값(20)을 좌변(a)에 넣는다.(대입한다.)

a = a+1;

console.log("a의 값은:"+a)  //"a의 값은 21"

a += 1; //현재 a의 값에 1을 더한다.

console.log("a의 값은:"+a)  //"a의 값은 22"

a /= 2; //현재 a의 값을 2로 나눈다.

console.log("a의 값은"+a) //"a의 값은 11"

a -= 3; //현재 a의 값을 3만큼 뺀다.

console.log("a의 값은"+a) //"a의 값은 8"

a %= 5; //현재 a의 값을 5로 나눈 나머지값.

console.log("a의 값은"+a) //"a의 값은 3"

a *=4; //현재 a의 값에 4를 곱한값.

console.log("a의 값은"+a) //"a의 값은 12"

증가연산자(++), 감소연산자(--)

console.log(`[ 변경전]b:${b}, c:${c}`);  // "[변경전]b:5, c:3"

b++; // 현재b값을 1 증가시킴

c--; // 현재 c값을 1 감소시킴

console.log(`[ 변경전]b:${b}, c:${c}`);  // "[변경전]b:6, c:2"

비교연산자 (==, >, >=, <, <=, !=) : 좌변과 우변을 비교하여 결과를 논리값으로 추출한다.

let a = 10;

let b = 5;

console.log(a==b); // false

console.log(a>b); //true

console.log(a>=10); //true

console.log(b<5); //false

console.log(b<=5); //true

console.log(a!=b); // true  !=:같지않다.

논리연산자 (&&, ||, !)-and연산자 : 두 개의 논리값을 연산하여 하나의 논리값을 만듦.

and연산자(&&) : 좌변과 우변 모두 true일 경우 true를 출력

논리연산자 - or연산자

or연산자(||) : 좌변과 우변 중 단 하나라도 true인 경우 true 출력

논리연산자 - 논리부정연산자 : 논리값을 반전시킴

조건연산자(?:) = 삼항연산자

자바스크립트 언어란?

1.  자바스크립트는 조각난 소스코드 형태로 HTML 페이지에 내장된다.
2. 자바스크립트 소스 코드는 컴파일 과정 없이 브라우저 내부의 자바스크립트 처리기에 의해 바로 실행된다.
3. 자바스크립트는 c언어 구조를 차용하고 단순화시켜 쉽게 배울 수 있다.

웹페이지에서 자바스크립트의 역할

1. 사용자의 입력 및 계산
2. 웹 페이지 내용 및 모양의 동적 제어
3. 브라우저 제어
4. 웹 서버와의 통신
5. 웹 애플리케이션 작성