JS 변수선언, 연산자

강정우·2022년 8월 4일
0

JavaScript

목록 보기
1/53
post-thumbnail

개요

  • 자바 스크립트는 모바일이 나오고 각광을 받은 언어이다.

  • 자바 스크립트는 자동완성, 페이지의 동작, 움직이는 상태창 등 여러 곳에 쓰인다.

  • 자바 스크립트가 할 수 있는 일

  • 스크립트 기반의 프레임워크, 라이브러리

1) document

  • 자바 스크립트는 html 문서내에 <script>로 정의하며 닫는 태그 또한 존재한다. 자바 스크립트는 <script>태그안에서 정의하며 script 내에서 document는 이 html문서 전체를 뜻한다.

2) onclick

  • 이벤트를 넣을 때 통상 사용하는 키워드 이다.
  • 버튼을 클릭할 때 어떠한 함수가 동작하도록 되어있다.

3) 함수 생성

  • 파이썬과 더 가까운 모양의 함수 정이이며 def 대신 function을 사용하는 모습이다.

1. 스크립트 출력

1) 웹페이지에 내용출력

  • 사용 빈도수가 3가지중 가장 낮다. 이벤트와 함께 활용 시, 현재 페이지의 내용을 지우고 출력해버리기 때문이다.

2) 페이지 들어가자 마자 출력

  • 페이지 들어가자 마자 출력되는 문구
alert('알림창 실행!');

3) 개발자 툴 콘솔에 출력

  • 빈도수가 가장 높으며 개발자 도구 -> console창에서 확인할 수 있다.
  • 주로 결과값을 찍어볼 때 사용한다.

2. 스크립트 입력

1) prompt

  • 사용자 입력값을 반환해주는 함수 따라서 변수에 저장해서 써야함 like input()처럼
prompt("이름을 작성해주세요.")

2) confirm

console.log(confirm("회원정보변경을 완료하시겠습니까?"))

  • 확인 == true, 취소 == false 이다.

3-1. 스크립트 변수

  • 변수 선언방법 = 변수를 넣으면 초기화까지 진행완료된다.

  • 변수를 선언만 했을 경우는 undefined가 들어간다.

  • 자바스크립트에서의 변수는 값을 초기화했을 때 자료형이 결정한다.
    자료형 : number, string, boolean, null, undefined

  • null vs undefined
    값이 비어있다는 의미는 동일하지만 null은 object type undefined는 type이 없다.
    비어있는 값으로 비교를 할 때 null값을 초기화

3-2. 스크립트 변수

1) var

  • 변수 재선언 가능 / 재할당 가능

하지만 var 키워드의 문제점을 보완하기 위한 변수 선언방법 2가지가 존재한다.

ecma script

2) let

  • 변수 재선언 불가 / 재할당 가능

3) const

  • 변수 재선언 불가 / 재할당 불가

  • 위와같이 IDE에서는 error가 안 나지만 console창에서는 error가 난것을 확인할 수 있다.

4. 연산자

1) == VS ===

  • 동등 연산자는 자동 형변환이 일어난다. 즉 위의 연산기호의 차이점은 자동형변환을 해주냐 안 해주냐의 차이이다.

5. 조건문

1. 스크립트 입력문(confirm)을 사용한 조건문

2. 스크립트 입력문(prompt)을 사용한 조건문

추가공부

  • VS 코드 단축키 추가하기

    [File]-[Preference]-[User Snippet]

1. prefix

  • 단축키 설정 부분

2. body

  • 오른편에 나오는 회색 문구

3. descroption

  • 해당 함수의 설명 부분
profile
智(지)! 德(덕)! 體(체)!

0개의 댓글