[강의]Javascript - 출력, 연결, 변수, 형

이강민·2021년 12월 5일

[강의]Javascript

목록 보기

1/8

Javascript

브랜드 아이크가 10일만에 설계
모카 -> livescript -> 자바의 인기에 편승하려고 Javascript로 변경
넷스케이프 네비게이터에 포함되어 있었음

자세히 보러가기

스크립트 표준화

ECMA Script 1
...
ECMA Script 5 부터 MS 참여
ECMA Script 6
...
ECMA Script 10 계속 진행 중.

자바스크립트의 특징

웹의 동작(동적) 구현하기 위한 언어
웹 브라우저 내에 자바스크립트 엔진이 내장되어 있기 때문에 사용 가능
웹 브라우저에 동작(단, node.js 환경은 운영체제에서 동작)
객체 기반의 스크립트 언어
HTML 문서 내에서 <script> </script> 태그 안에 작성
대소문자를 구별

출력

개발자가 사용자에게 값을 표현주는 것

자바스크립트의 출력

사용자를 위한 출력

문서출력
- document.write( )를 통해 <body>에 출력
대화상자 출력
- window.alert( ) 함수를 통해 알림창으로 출력

개발자를 위한 출력

콘솔출력
- console.log( )를 통해 콘솔창에 출력

외부 자바스크립트 파일로 사용

 <script src="경로/파일명.js"></script>

defer란?

defer 유튜브 강의 듣기

프로그래밍

프로그램 : 컴퓨터에게 시키는 일들을 쭉 나열해놓은 대본
컴퓨터 프로그램을 작성하는 일
작성 방법의 결정, 코딩, 에러 수정 등의 작업
단순 데이터의 표기가 아닌 논리적 흐릅(알고리즘)에 의한 처리 과정을 만드는 것.

변수(Variable)

데이터(값)을 저장할 수 있는 메모리 공간
x = 10
x : 저장공간 이름
= : 대입연산자
10 : value

대입연산자

오른쪽에 있는 값을 왼쪽의 저장공간에 넣어라

변수의 선언

변수명 앞에 let이 붙어있으면 선언
let 변수명; //선언
변수명 = 값 //초기화

var - 사용안함
1. 같은 이름의 변수를 선언할 수 있음
2. 지역변수와 전역변수의 구별이 모호

undefined : 타입이 정해지지 않음.

상수

한번 선언된 상수는 다시 재정의 할 수 없으며, 값도 재할당 할 수 없다.

const 상수명;
상수명 = 값; -> 에러발생

const 상수명 = 값;

자료형(type)

프로그램에서 다룰 수 있는 값의 종류를 말한다.

숫자형(number)
- 다른 언어와 달리 정수와 실수를 따로 구분하지 않음
- 모든 수를 실수 하나로만 표현
문자열형(string)
- 따옴표로 둘러싸인 문자들의 집합체, 문자의 나열을 뜻한다.
- "",'', ``
- \는 출력하고자 하는 따옴표 앞에 써주면 두 문자가 합쳐져서 하나의 따옴표를 문자로 표현해준다.
- 백쿼트(`)는 엔터도 인식함.
- \n 은 문자를 줄 바꿈해줌
undefined
- 타입이 정해지지 않는 것
null
- 값이 정해지지 않은 것을 의미, null로 변수를 초기화 한 경우
객체형(object)
- 여러 속성, 여러 값을 하나의 변수에 저장할 수 있도록 해주는 타입이다.
- key-value 구조로 이루어져 있다.
  
  let apple_id = "apple"
  let apple_pw = "abcd123"
  let apple_age = 10
  ↑ 매우 불편
  let apple = {id : "apple", pw:"abcd123", age: 10}
  --- : ------
  key : value
  .(하위 연산자)
  A.b -> A안에 b

심볼형(Symbol)

유일하고 변경 불가능한 기본 값을 만드는 타입이다.

객체 속성의 key값으로 사용할 수 있다.

const symbol1 = Symbol("apple");
      const symbol2 = Symbol("apple");

      // === : 양쪽의 타입과 값이 같으면 true / 아니면 false
      console.log(symbol1===symbol2); //false

      const symbol3 = Symbol("banana")
      const symbol4 = symbol3;
      console.log(symbol3);
      console.log(symbol4 === symbol3); //true

use strict

지역변수를 전역에서 사용을 막아서 오류를 방지한다.

// use strict 이면 사용 못함.
{let num1 = 15}
 num1 = 10;
 console.log(num1)

이강민

AllTimeDevelop

다음 포스트