2일 차 진도
연산자란 프로그래밍 언어에서 특정 연산을 할 수 있도록 도와주는 문자
산술 연산자
덧셈, 뺄셈, 곱셈, 나눗셈 등이 가장 기본적인 산술연산자
나머지 연산도 산술연산자에 포함, 기호를 기준으로 왼쪽의 값을 오른쪽으로 나눈 나머지를 반환
증감연산자도 산술연산자에 포함
대입연산자
변수에 특정값을 대입
복합대입연산자
논리연산자
true, false로 이루어진 boolean타입을 위한 연산자
not 연산자 : true를 false로, false를 true로 변경해 줌
or 연산자 : || 기호를 기준으로 양 옆의 값 중 하나라도 true면 true를 반환
and 연산자 : && 기호를 기준으로 양 옆의 값이 모두 true여야만 true를 반환
비교연산자
== 는 값이 일치하는지만 비교한다.
=== 는 값과 자료형이 일치하는지 비교한다.
!= 는 값이 일치하지 않는지만 비교한다.
!== 는 값과 자료형이 일치하지 않는지 비교한다.
대소비교연산자
두 개의 값 중 어떤 것이 더 크고 작은 지를 비교하기 위한 연산자
연결 연산자
더하기 기호를 이용해 문자열과 문자열을 연결하는 연산자
null 병합 연산자
?? 기호를 사용해서 작성할 수 있다. 위의 연산은 num이라는 값이 null, undefined라면 20을 대입하고, 그게 아니라면 현재의 num값을 유지하라는 것을 의미함
삼항연산자
A? B : C 형태의 연산자
A라는 조건문이 참이면 B를 실행, 거짓이라면 C를 실행
조건문이란 특정 조건이 성립되었을 때, 그 조건에 해당하는 코드를 실행하게 하는 문법
if문
조건이 성립하면 if문 내부 코드를 실행
if else문
if문의 조건이 성립되지 않았을 경우, 또 다른 코드를 출력하기 위한 조건문이다. 특정조건에 만족, 만족하지 않았을 경우를 구분해 서로 다른 코드를 실행해야 할 때 사용
if else if문
여러 조건에 따라 서로 다른 코드를 실행해야 할 때 사용
switch case문
switch 옆의 괄호 안의 변수 값과 case 옆의 값이 일치하는 코드블록을 찾은 뒤, 해당 case문 블록 안에 작성된 코드를 실행 brake 가 없으면 조건에 맞는 case문 이후의 모든 코드가 실행되게 된다.
default는 일치하는 case가 없을 경우 실행된다.
함수 : 같은 동작을 하는 중복된 코드가 여기저기에 존재할 때, 이들을 하나로 묶어 하나의 명령으로 실행할 수 있게 해주는 기능
function 함수이름(매개변수,매개변수){
실행될 코드
};
함수이름(인수,인수);
함수의 선언문은 function 키워드를 통해 작성 가능하며, 함수 이름옆의 매개변수를 통해 필요한 값을 전달받을 수 있다. 함수를 호출하면서 매개변수로 넘기는 값을 ‘인수’라고 한다.
함수 실행의 결과를 이용해서 또 다른 작업을 해야 할 경우 retrun문을 사용해서 함수 호출의 결과물을 반환하기도 한다.
return 문을 통해 숫자 25가 반환되고, 최종적으로 위와 같은 결과가 출력된다. return 아래에 작성된 코드들은 실행되지 않은 채로 함수가 종료된다.
early return 패턴
return이 실행되면 이후 코드가 실행되지 않는다는 특성을 활용해서 코드의 구조를 단순하게 만들어주는 패턴
즉시 실행 함수
선언과 동시에 실행되는 함수이다.
함수는 호출 위치에 따라, 실행되는 순서가 달라진다.
지역변수 : 함수블록의 내부에서만 유효한 변수
특정 함수 내부에 선언된 변수는 해당 함수의 중괄호 내부에서만 유효한, 접근이 가능한 변수이다. 이러한 변수를 지역변수라고 하고 하며, 지역변수를 외부에서 접근하면 에러가 출력된다.
외부변수 : 지역변수와 다르게 함수의 외부에서 선언된 변수
외부변수는 내부에서 접근할 수 있다. 또 다른 말로 전역변수라고 한다.
[2일 차 QUIZ]

정답 : 105 107 107

정답 : 고양이 사자

정답 : answer = a + b;
'기타 > [JS-0기] 한입 FE 챌린지' 카테고리의 다른 글
[12/12] DAY8 자바스크립트 공부 (0) | 2023.12.12 |
---|---|
[12/11] DAY7 자바스크립트 공부 (0) | 2023.12.11 |
[12/8] DAY4 자바스크립트 공부 (0) | 2023.12.08 |
[12/7] DAY3 자바스크립트 공부 (0) | 2023.12.07 |
[12/5] DAY1 자바스크립트 공부 (0) | 2023.12.05 |