자바스크립트 기본

sun·2023년 12월 20일
0

javascript & react

목록 보기
2/22

문법

변수 알아보기

변수란

• 변수(variable) : 값이 여러 번 달라질 수 있는 데이터
• 상수(constant) : 값을 한번 지정하면 바뀌지 않는 데이터

변수 선언의 규칙

변수 이름

• 영어 문자, 언더스코어(), 숫자를 사용한다
• 첫 글자는 영문자,
기호, $기호를 사용한다
• 띄어쓰기나 기호는 허용하지 않는다
예) now, _now, now25 (사용할 수 있음)
예) 25now, now 25, *now (사용할 수 없음)
• 영어 대소문자를 구별하며 예약어는 변수 이름으로 사용할 수 없다
• 여러 단어를 연결할 때는 하이픈이나 언더스코어를 사용할 수 있고
중간에 대문자를 섞어 쓸 수도 있다
예) total-area, total_area, totalArea 등
• 변수 이름은 의미있게 작성한다

변수 선언하기

• var 뒤에 변수 이름 작성
• var를 한번만 쓰고 뒤에 여러 개의 변수를 한꺼번에 선언할 수도 있음

변수에 값 할당

‘=‘ 기호 다음에 값을 저장

자료형 이해하기

자료형이란

-컴퓨터가 처리할 수 있는 자료의 형태

숫자형

숫자

  • 정수 : 소수점 없는 숫자
  • 실수 : 소수점이 있는 숫자
    ※ 자바스크립트는 실수를 정밀하게 계산하지 못함

문자열(string)

작은따옴표(' ')나 큰따옴표(" ")로 묶은 데이터

논리형(boolean)

• 참true이나 거짓false의 값을 표현하는 자료형. 불린 유형이라고도 함.
• 조건을 확인해서 조건이 맞으면 true, 맞지 않으면 false라는 결과값 출력

undefined 유형과 null 유형

undefined 유형

• 자료형이 정의되지 않았을 때의 데이터 상태
• 변수 선언만 하고 값이 할당되지 않은 자료형

null 유형

• 데이터 값이 유효하지 않은 상태
• 변수에 할당된 값이 유효하지 않다는 의미

배열(array)

하나의 변수에 여러 값을 저장할 수 있는 복합 유형

예) 계절 이름을 프로그램에 사용할 경우

연산자 알아보기

산술 연산자 :

수학 계산을 할 때 사용하는 연산자

나누기 연산자(/) : 나눈 값 자체
나머지 연산자(%) : 나눈 후에 남은 나머지 값

할당 연산자

연결 연산자

비교 연산자:

피연산자 2개의 값을 비교해서 true나 false로 결괏값 반환

논리 연산자 :

true와 false가 피연산자인 연산자
조건을 처리할 때 사용

조건문 알아보기

if 문과 if~else 문 알아보기

피연산자 2개의 값을 비교해서 true나 false로 결괏값 반환
하나의 if ~ else 문 안에 다른 if ~ else 문을 넣을 수 있다.

조건 연산자로 조건 체크하기

조건이 하나이고 true일 때와 false일 때 실행할 명령이 각각 하나뿐일때 간단하게 사용할 수 있음

논리 연산자로 조건 체크하기

조건을 2개 이상 체크할 경우에는 조건 연산자를 사용해 조건을 만듦
• 두 조건이 true일 경우, 조건 1개만 true일 경우처럼 여러 경우를 따
질 때 논리 연산자 사용

AND 연산자 (&&)

피연산자 2개 중에서 false가 하나라도 있으면 결괏값은 false

OR 연산자 (||)

피연산자 2개 중에서 true가 하나라도 있으면 결괏값은 true

NOT 연산자 (!)

피연산자를 반대로 뒤집음

switch 문

• 처리할 명령이 많을 경우 switch 문이 편리• 조건은 case 문의 값과 일대일로 일치해야 함
• case 문의 명령 실행 후 switch 문 빠져나옴
• 조건과 일치하는 case 문이 없다면default 문 실행
• default 문에는 break 문이 없음

반복문 알아보기

반복문은 왜 필요할까?

for 문 사용하기

중첩된 for 문 사용하기

while 문과 do~while 문 사용하기

while 문

조건을 체크하고 true라면 { }안의 명령 실행
-> 조건이 false라면 명령은 한 번도 실행하지 않을 수 있음

do ~ while 문

일단 명령을 한번 실행한 후 조건 체크.
true라면 { } 안의 명령 실행, false라면 { }을 빠져나옴
-> 조건이 false라도 명령은 최소한 한 번은 실행

break 문과 continue 문 사용하기

break 문

종료 조건이 되기 전에 반복문을 빠져 나와야 할 때 사용

continue 문

조건에 해당되는 값을 만나면 반복문의 맨 앞으로 이동
-> 결과적으로 반복 과정을 한 차례 건너 뜀

0개의 댓글