JavaScript
- 웹에 쓰이는 하나뿐인 프로그래밍 언어
- 옵션이 하나뿐이기 때문
- 프론트엔드에서는 자바스크립트 한 언어만 쓰이기때문에 fragmentation(분열)이 없어서 좋음
- 모두 한 언어로 대화가능
- 자바스크립트에 갇혀서 바꾸거나 원하는 거로 교체할 수 없는 것이 단점
- 웹이 빠르게 발전 하므로 자바스크립트도 발전하고 영향력도 커짐
- 자바스크립트를 통해 많은 것을 만들 수 있음(웹사이트/웹앱/모바일어플/비디오게임등등)
- 자바스크립트로 내 위치와 날씨,시간등을 가지고 올 수 있고 할일(텍스트)을 저장할 수도 있음
- 자바스크립트에서 표현이란 instruction
- 위에서부터 아래로 읽어지고 실행됨
ES5/ES6
- ECMAScript(에그마 스크립트) : Specification(사양)의 명칭
- 바닐라자바스크립트 : 자바스크립트의 한 종류로 Library 없는 것
- 라이브러리나 프레임워크는 메이크업같은 것
- 자바스크립트를 좀 더 예쁘게 만들어 줌
- 바닐라자바스크립트를 맨 처음에 배우는 것이 좋다
- html에서 <script>는 <body>의 제일 마지막에 추가하는 것
language specification
: It's a manual that describes how the language should work
사용툴 : Repl
- Repl에 커서를 두 곳에 두고 한번에 지우거나 작성하는 것
: Cmd (or Ctrl) + Click
변수 Variables
- 변경되거나 변경될 수 있는 것
- Lines 대신에 Expressions이라고 부름
- 변수명은 카멜표기법(camelCase)
- 각 단어의 첫문자를 대문자로 표기하고 붙여쓰되, 맨처음 문자는 소문자로 표기
- 띄어쓰기 대신 대문자로 단어를 구분하는 표기 방식
- 예시: backgroundColor, typeName, iPhone
1. 변수생성 - Create
2. 초기화 - Initalize
3. 사용 - Use
var : 동일변수를 재선언 해서 값 변경 가능(호이스팅문제때문에 쓰지말것)
let : 동일변수 재선언 불가
const : 상수, 하나의 값 선언 가능/const 변수에 다시 대입하면 에러(상수는 변하지 않으니까)
var
- 값이 변경되는걸 허용
- 같은 라인에 동일한 변수이름을 사용가능
- 호이스팅문제때문에 쓰지말것
var t1 = "test1";
console.log(t1); //test1
var t1 = "test2";
console.log(t1);// test2
let
- 값이 변경되는걸 허용
- 같은 라인에 동일한 변수이름을 사용 불가능
let t1 = "test1";
console.log(t1); // test1
let t1 = "test2";
console.log(t1); // error has t1 already been declared 이미 "t1" 변수가 사용중이라 사용불가
const
- 상수 값이 변경되지않고 고정으로 사용함
const t1 = 1;
t1 = 2; //Assignment to constant variable 에러 발생
자바스크립트 주석
- 한줄은 //주석처리
- 여러줄은 /*주석처리*/
// 한줄 주석 처리
/*
여러줄
주석 처리
*/
배열 - 순서가 있고 [] 로 묶는다
객체 - 순서는 없고 값의 이름 (key)가 있음. {}로 묶는다
배열(Array)
- It's a way to store data on a list format
- 같은 타입의 변수들로 이루어진 유한 집합으로 정의
- 배열을 구성하는 각각의 값을 배열 요소(element)
- 배열에서의 위치를 가리키는 숫자는 인덱스(index)
- 0부터 시작함 fruits[0]은 "apple"
const fruits = "apple", "banana", "kiwi", "berry"
- 배열 내부에 객체 저장 가능
- 배열 내부에 배열 저장 가능
객체(Object)
- It's a way to store information on a key-value format
- 객체 내부에 배열 저장 가능
- 객체 내부에 객체 저장 가능
'Coding With Jina > JavaScript' 카테고리의 다른 글
| [1분코딩] 자바스크립트 기초 - 변수 (0) | 2020.11.17 |
|---|---|
| [1분코딩] 자바스크립트 기초 - 함수와 return (0) | 2020.11.11 |
| [자바스크립트] 바닐라자바스크립트를 이용하여 시계 만들기 (1) | 2020.11.04 |
| [자바스크립트] JavaScript 그리고 ES6는 무엇인가? (0) | 2020.08.04 |
| [자바스크립트] 기본 개념 (0) | 2020.05.08 |