일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- React 리액트
- 자바스크립트 코드 스타일
- Programming Practice
- Try...catch
- 변수 선언
- 자바스크립트 클래스
- 사용자 에러
- JS cod e style
- 자바스크립트 문자열
- JS 이벤트
- 에러 던지기
- 에이전트 탐지
- 자스
- 객체지향프로그래밍 언어
- html5
- 트라이캐치
- 스타일가이드라인
- js
- 리엑트 이벤트
- UI 레이어
- 함수 호이스팅
- 프로그래밍 프랙티스
- 브라우저 탐지
- 자바스크립트 객체
- 자바스크립트
- 자바스크립트의 기본 포멧
- javascript
- Null비교 금지
- 비구조화 할당
- 자바스크립트 생성자
Archives
- Today
- Total
GomJu's Coding Blog
[JS] 4. 자바스크립트의 기초 문법 본문
자바스크립트의 문법들
자바스크립트도 다른 언어들과 마찬가지로 여러 문법들이 존재합니다. 제가 자바스크립트를 공부하면서 어렵다고 느꼈던 문법들과 그렇지 않은 문법들로 나눠보았습니다. 저를 기준으로 작성했으니 꼭 이렇지는 않습니다.
자바스크립트는 다른 언어와 비교 했을때 데이터 타입과 연산자 부분에 몇 가지 다른점을 제외한다면, 제어문과 반복문을 사용하는 부분은 거의 비슷합니다.
기본
자바스크립트에서 값을 만들어 내는 간단한 코드를 '표현식' 이라고 부릅니다.
하나 이상의 표현식이 모여 '문장'을 이룹니다.
이러한 문장이 모여 '프로그램'이 됩니다.
자바스크립트가 처음 만들어질 때 정해진 특별한 의미가 있는 단어를 '키워드'라고 합니다.
식별자는 자바스크립트에서 이름을 붙일 때 사용하는 단어입니다. EX) 변수명, 함수명
- 주석은 프로그램을 진행하는데 지장이 전혀 없습니다. 대신 프로그램 코드를 설명하는데 사용합니다.
데이터 타입
- 자바스크립트의 기본 타입에는 숫자, 문자열, 불린, null, undefined가 있습니다. 추가로 ES6에서 추가된 Simbol이 있습니다.
- 위 타입들은 그 자체가 하나의 값을 나타냅니다.
- 자바스크립트는 타입 체크를 강하게 하지 않기 때문에 C언어나 Java와 같은 언어 처럼 변수 선언시 데이터 타입을 지정하지 않아도 됩니다.
- 변수를 선언 할 때에는, var, let, const등을 사용합니다.
- 선언된 변수는 어떠한 타입의 데이터라도 저장하는 것이 가능합니다.
- 변수에 어떤 형태의 데이터를 저장하느냐에 따라 해당 변수의 타입이 결정됩니다.
- 선언이 되지 않았거나, 값이 할당 되지 않은 변수를 undefined라고 하고, 자료형인 동시에 값이 될 수 있습니다.
- NULL타입 변수의 경우는 개발자가 명시적으로 값이 비었음을 나타내는데 사용되는 변수 타입 입니다.
- 불린값에서 false로 표기되는 것들은 0, Nan, ' ', null, undefined 등이 있습니다.
목차
먼저 기초문법을 나열해 보았습니다.
- Semicolons - 세미콜론
- Types - 자료형
- Reference - 참조
- Object - 객체
- Constructor and Class - 생성자 및 클래스
- Arrays - 배열
- String - 문자열
- Control Statement - 제어문
- Loop Statement - 반복문
- Function - 함수
- Destructuring - 비 구조화
- Modules - 모듈
- Hoisting - 호이스팅
- Compasion Operators - 비교 연산자
- Try Catch - 예외처리
위와 같이 짧게 목차를 작성해봤습니다. 위 목차를 바탕으로 블로그 포스팅을 들어갈 것 같습니다.
자바스크립트의 기초를 다잡으며 유지보수가 가능할 수 있도록 문법적인 가이드 라인을 함께 소개할 예정입니다.
꼭 다 읽으시기 바랍니다.
마무리
다음 포스팅 에서는 《기초문법-세미콜론》에 대해 포스팅 하도록 하겠습니다.
'WEB > JavaScript' 카테고리의 다른 글
[JS] 6. 자바스크립트의 기초 문법 - 자료형 (0) | 2018.11.16 |
---|---|
[JS] 5. 자바스크립트의 기초 문법 - 세미콜론 (0) | 2018.11.15 |
[JS] 3. 자바스크립트로 할 수 있는 작업 (1) | 2018.11.13 |
[JS] 2. 자바스크립트의 작동 원리 (0) | 2018.11.12 |
[JS] 1. 자바스크립트 란? (0) | 2018.11.11 |
Comments