본문 바로가기

러닝커뮤니티/웹프로그래밍

자바스크립트(변수, 사칙/증감/감소/비교/논리 연산자, 불리언)

JavaScript

  • 웹 브라우저에서 동작하는 스크립트 언어
  • HTML 요소 조작, 사용자 입력 처리 가능
  • 가장 인기있는 프로그래밍 언어
    • 앱 개발
    • 서버측 프로그램 개발
    • 사물인터넷 개발 등
    • 다양한 방면에서 이용됨
  • 웹 브라우저에서 코드 작성 및 실행가능
  • 데이터베이스부터 앱까지 모두 개발 가능
  • 타 언어에 비해 배우기 쉬움

변수

  • 어떤 값을 저장하는 임시저장 공간
  • 프로그램에서 값을 저장해야 할 때 사용
  • 형식
    var {변수명} = {저장할 값}
  • 값 출력
    console.log({출력할 값}) 입력 후 Enter

1: name 이라는 변수에 ‘자바스크립트’ 라는 문자를 저장
2: name을 출력하는 것이 아니라 name 변수에 저장되어 있던‘자바스크립트’ 라는 문자를 출력
3: name 글자를 출력하기 위해서는 console.log(‘name’) 처럼 따옴표를 사용해야 함

  • 변수의 값은 언제든 변경 가능

사칙 연산자

  • 자바스크립트의 사칙연산
    • 덧셈, 뺄셈, 곱셈, 나눗셈
  • 연산자 기호
      • : 더하기
      • : 빼기
      • : 곱하기
    • / : 나누기
  • 연산 순서
    • 수학과 동일
    • 덧셈, 뺄셈보다는 곱셈 나눗셈 먼저 실행
    • 왼쪽에서 오른쪽으로 계산
    • 중괄호, 대괄호 등은 구분하지 않고 (, ) 만 사용

증가/감소 연산자

  • ++, -- 연산자
    • 변수의 값을 1 증가/감소 시킴
  • +=, -= 연산자
    • 변수의 값을 원하는 만큼 증가/감소 시킴
    • a += 5 는 a = a + 5 과 같은 결과
    • a *= 5 는 a = a * 5 동일
    • a /= 2 는 a = a / 5 동일

문자열 합치기

  • 문자열 합치기 연산 가능
      • 연산자로 문자도 연결 가능
      • 연산자 여러 번 사용 가능

연산자와 자료형

  • “10” + 5 // 문자 + 숫자


실행결과 - “10” 은 문자 1 과 0으로 인식

연산자의 종류

  • 비교 연산자

    • 두 값의 대소 비교
      • 같다, 다르다: ==, !=
      • 초과, 미만: >, <
      • 이상, 이하: >=, <=
  • 논리연산자

    • 논리곱(AND)
      • && (AND)
      • 양쪽 피연산자 모두 true 이면 true
    • 논리합(OR)
      • || (OR)
      • 양쪽 피연산자 중 하나가 true 이면 true
    • 부정(NOT)
      • ! (NOT)
      • true 이면 false, false 이면 true

불리언(Boolean)

  • 참이나 거짓을 표현
  • 참은 true, 거짓은 false