Frontend/Study

자바스크립트 프로그래밍 입문 2장

BeNI 2020. 8. 12. 00:29
728x90

# 책을 기반으로 공부한 내용을 바탕으로 작성한 글입니다.

 

 

 

Part 0

1. 자바스크립트란?

     웹 브라우저에서 사용할 목적으로 만든 프로그래밍 언어

2. Node.js 란?

      자바스크립트로 클라이언트 애플리케이션이 아닌 서버 애플리케이션으로 개발 한 것

      * 특징 : 다른 스크립트 언어와 프레임워크보다 빠르다.

 

3. 자바스크립트로 무엇을 개발할 수 있는가?

     1) 웹 클라이언트 애플리케이션 개발

     2) 웹 서버 개발

     3) 모바일 애플리케이션 개발

     4) 데스크톱 애플리케이션 개발

     5) 게임 개발

     6) 데이터베이스 관리

 


Part 1 

 

1. 기본용어

1) 표현식 : 아래와 같이 값을 만들어 내는 간단한 코드

273
10 + 20 + 30
"javascript"

2) 문장 : 표현식이 하나 이상 모이면 문장이 된다.

3) 식별자 : 변수나 함수의 이름을 붙일 때 사용하는 단어 

- 식별자 생성 규칙

  • 키워드는 사용하면 안됨
  • 특수문자는 _와 $만 허용함
  • 숫자로 시작하면 안됨
  • 공백 입력하면 안됨

4) 주석 

한 줄 주석 처리 : //주석

여러 줄 주석 처리 : /*
                   주석
                   주석
                   */

 

2. 출력

1) 출력 메소드

- 기본출력 : console 객체의 log() 메소드를 사용하는 것

console.log("문자열")

* 문자열 또는 다양한 자료형 입력이 가능하다.

2) REPL을 상용한 출력

* 4장에서 나옴

 

3. 기본자료형

1) 숫자 

// 생성방법
console.log(52)
console.log(52.271)

- +, -, *, /, % 를이용하여 사칙연산이 가능하다.

2) 문자열

ⓐ 기본 문자열 : 큰따옴표와 작은따옴표를 사용하여 표현

ⓑ 이스케이프 문자 : 특수한 기능을 수행하는 문자(\t, \n, \', \", \\)

 

- 문자열 연결 : +로 연결한다.

console.log("가나다" + "라마");

- 문자 선택 연산자 : 문자열[숫자]

* 숫자-1 의 문자열이 출력된다.

 

ⓒ 템플릿 문자열 : `(esc밑에있음)로 생성한다.

> `안녕하세요`
'안녕하세요'

- 템플릿 문자열은 생성할 때 %{<표현식>}을 사용할 수 있다.

> `52 + 273 = ${52+273}`
'52 + 273 = 325'

> `올해는 ${new Date().getFullYear()}년 입니다.`
'올해는 2016년 입니다.'

3) 불(boolean) : true와 false 두가지 값

  • ! : 논래 부정 연산자
  • || : 논리합 연산자
  • && : 논리곱 연산자

* 비교연산자 주의할 점

Q. x가 10보다 크고 30보다 작다

A1. 30> x > 10 (x)

A2. (x>10) || (x<30) (0)

 

4. 변수

- 변수 사용방법

  1. 변수를 선언한다
  2. 변수에 값을 할당한다(초기화 한다.)

- 변수 선언 방법

let 식별자;   //선언
식별자 = 3;   //할당

5. 자료형 검사

// typeof : 해당 변수의 자료형을 추출함

> type of(10)
'number'
> typeof("문자열")
'string'

* string, number, boolean, function, object, undefined의 6개의 자료형이 있다.

 

6. 강제 자료형 변환

Number() 숫자로 자료형 변환
String() 문자열로 자료형 변환
Boolean() 불로 자료형 변환

 

7. 일치연산자

=== 자료형과 값이 같은지 비교
!== 자료형과 값이 다른지 바교

 

8. 상수 선언

const a = "a"

: 값을 변경할 수 없다.

 

 


연습문제

1. ④ console은 객체 

2. 

= : 대입연산자

== : 두 값이 일치하는지

=== : 값과 자료형이 일치하는지

3.

4. ① typeof은 연산자, ④

5.

6. 

325

52273

52273

52273

7. 30!!!!

8. number을 상수로 선언했으므로 변환이 불가능하다.

728x90