JavaScript 1차시 - 기본 문법

JavaScript 란?

웹 페이지에 동적인 기능과 상호작용을 추가하는 데 사용되는 프로그래밍 언어


변수 생성 규칙

1.숫자, $, _만 가능( -, *은 불가)

2. 첫글자는 숫자 불가

3.예약어 불가

 

변수 자료형

  • var
    • 함수 밖에서 선언하면 전역변수, 안에서 선언하면 지역변수, 같은 범위라면 수정가능
  • let
    • 업데이트 가능하지만 재선언은 불가능
  • const
    • 업데이트도 재선언도 불가능,  선언하는 동시에 초기화해야함

타입

  • 숫자(Number)
  • 문자열(string)
  • 불리언(boolean)
  • 널(Null)
  • Undefined
    • 값이 할당되지 않은 기본값(var로 선언할때 할당됨)
  • symbol
    • 고유한 값

 

연산자

    • 사칙연산 연산자
      • + - * /
    • 거듭제곱
      • **
    • 나머지
      • %
    • 일항 연산자
      • (변수)++, ++(변수)
    • 할당 연산자
      • +=  -=  *=  /=  %=
    • 동등 연산자
      • ==(타입 변화 허용)  === (타입 변화 허용x)  != (타입 변화 허용x)  !== (타입 변화 허용)
    • 비교 연산자
      • <,  >,  <=,  >=
    • 삼항 연산자
      • 조건 ? 값1 : 값2  ( 조건을 만족하는 값을 반환하는 표현식)
    • 논리 연산자 & 논리 부정 연산자
      • && (and),  || (or),  ! (not)

조건문

    • if - else 문
      • 참일때 if문 거짓일때 else문 실행
    • switch - case 문
      • 변수값을 차례차례 비교하면서 조건을 만족하면 케이스를 실행
    •  

반복문

  • while 문
    • 조건식이 거짓이 될 때까지 코드 반복
  • do - while 문
    • do 한번 실행 후 조건식이 거짓이 될 때까지 코드 반복
  • for 문
    • 조건식이 거짓이 될 때까지 코드 반복

출력 함수

  • console.log()
    • 웹 내부의 로그에서 출력
  • document.write()
    • 웹 페이지에 출력
  • alert()
    • 웹 페이지에 경고 박스를 띄움

HTML과 연결법

  • <script> </script>
    • HTML 코드 내부에서 js 코드 작성
  • <script src="project.js"> </script>
    • HTML 코드 외부에서 js 코드 작성
  •  

'web > web' 카테고리의 다른 글

nodejs 1차시  (4) 2025.08.10
JS 4차시 - 비동기  (1) 2025.07.29
Js 3차시 - 객체  (3) 2025.07.28
JavaScript 2차시 - 돔, 노드, 이벤트  (1) 2025.07.25
1. HTML 구조와 구성  (1) 2025.07.05