자바스크립트 기초 - (변수 ~if까지)

Junho Yun·2022년 11월 8일
0

하루만에배우기

목록 보기
1/11
post-thumbnail

변수

name = "mike";
age = 30;

문자는 항상 따옴표로 감싸줘야한다.

class = "수업"; 예약어는 변수로 불가능, 예약어란 다른 용도로 사용을 위해 지정된 용어 (class)

let name = "Mike"

let name = "google"

let은 한번만 선언 가능 -> 다른 사람과 변수가 겹치는 에러를 막아줍니다.
자바스크립트에서는 let, const 사용합니다.
const 는 절대 변하지 않는 상수를 선언할 때 사용 (대문자로 지정)

변수로 지정할 수 없는 여러 경우가 있다. (ex 예약어)

자료형

문자열

const name1 = "mike" // 큰따옴표
const name1 = 'mike' // 작은따옴표
const name1 = `mike` // 백틱

문자열은 세가지 방법으로 표현 가능

const message3 = 'my name is ${name}';
const message3 = 'my name is ${3+1}';

백틱은 문자열 안에 변수를 표현할 때 편합니다

숫자

사칙연산 가능 +-*/ (플마곱나) 그리고 %는 나머지를 구할 때 사용합니다

NaN // not a number

불리언

true / false 두가지의 결과로 표현되는 자료형

null / undefined

null은 존재하지 않음을
undefined는 아무것도 할당되지 않았다는 것을 의미 합니다

type of 연산자

type of 연사자를 이용하면 다른 사람가 할당한 변수의 type을 알 수 있습니다. (null 은 원래 object가 아니지만 하위호환성을 위해 초기에 지정한대로 변하지 않는다고 하네요)

대화상자

alert -알려줌
prompt -입력받음
confirm -확인함

alert 주로 에러 메시지에 많이 사용됩니다.

const name = prompt("예약일 입력","2022-10-22")
2022-10-22가 디폴트 값으로 들어가게 됩니다.

const adult = confirm("당신은 어른인가요")
확인과 취소 버튼이 있습니다. 주로 삭제 버튼 눌렀을 때 "정말 삭제하시겠습니까?" 등의 확인 메시지로 사용됩니다.

단점 :
1. 스크립트 일시 정지
2. 스타일링이 불가능 (브라우저마다 조금씩 다름, 디자이너가 싫어함)

장점 : 빠르고 편하게 사용이 가능합니다.

형변환

숫자형이 아니더라고 "나누기" 연산자는 자동적으로 숫자형으로 변형해서 연산을 진행한다 -> 이는 편할 수도 있지만 찾기 힘든 오류를 만듭니다.
이를 자동 형변환 이라고 합니다.

그래서 원하는 형으로 직접 변환시키곤 합니다. 이를 명시적 형변환 입니다.

String(3) // 문자열 3 
Number("1234") // 문자열 1234가 숫자열 1234로 바뀝니다.
Boolean() // false : 숫자 0, 빈 문자열 "", null, NaN, undefined

Numver("문자") 는 NaN이 됩니다. 형변환은 맨 앞에 대분자를 사용합니다.
*주의사항 Number(Null) = 0, Number(undefined) = NaN

연산자

나머지(%) 사용법 예시
홀수 : x % 2 = 1 / 짝수 : x % 2 = 0
어떤 값이 들어와도 5를 넘기면 안될 때 x%5 = 0~4 값만 반환

거듭제곱 : " const num = 2**3 " 이라고하면 8이 된다

연산자 줄여쓰기

let num = 10;
num +=5        // num = num + 5;
num -=5        // num = num - 5;

num++; // 해당 라인 처리 후 +1 동작
num--; // 해당 라인 처리 후 -1 동작
--num; // 해당 라인 처리 전 -1 동작
++num; // 해당 라인 처리 전 +1 동작

비교연산자

a == b : a와 b가 같다 (자료형은 다를 수 있다)
a === b : a와 b가 자료형까지 같다
a != b : a와 b와 다르다

비교연산자의 결과는 항상 true or false (불리언 형태로 반환한다)

조건문

if문

if (age > 19) {
	console.log("19살 초과 일때 동작합니다.");
else if (age > 5{
	console.log("19세 이하면서 5살 초과일때 동작하기");
}
else {
	console.log("if문이 false 일때 동작합니다");
}

profile
의미 없는 코드는 없다.

0개의 댓글