# 책을 기반으로 공부한 내용을 바탕으로 작성한 글입니다.
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. 변수
- 변수 사용방법
- 변수를 선언한다
- 변수에 값을 할당한다(초기화 한다.)
- 변수 선언 방법
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을 상수로 선언했으므로 변환이 불가능하다.
'Frontend > Study' 카테고리의 다른 글
자바스크립트 프로그래밍 입문 4장 (0) | 2020.08.12 |
---|---|
자바스크립트 프로그래밍 입문 3장 (0) | 2020.08.12 |
HTML&CSS) 폼 관련 태그들 (0) | 2020.07.28 |
HTML&CSS (1) - 기본 태그2 (0) | 2020.07.10 |
HTML&CSS (1) - 기본 태그 (0) | 2020.07.09 |