Topic
JavaScript
JIT compile programing language
Semi colon
Comment
Data type
Abstraction
Variable
Naming rules
Function
Parameter
Return
What I Learned
1. Javascript
자바스크립트(JavaScript)는 HTML, CSS와 함께 World Widw Web의 중요 기술 중 하나인 JIT 컴파일 프로그래밍 언어입니다.
JIT compilerJust-In-Time의 준말으로, 런타임 시점에 코드를 컴파일하는 방식을 말합니다.JIT compile programing language- JIT 컴파일러를 사용한 언어
- 이를 통해 실행 속도를 향상시키고, 메모리 사용량을 줄일 수 있습니다.
- 대표적인 JIT 컴파일 프로그래밍 언어로는 Java, C#, JavaScript(V8 엔진), Python(PyPy) 등이 있습니다.
JavaScript는 웹 페이지에서 동적인 기능을 추가하고, 사용자와 상호작용하는 등 다양한 기능을 수행할 수 있습니다.
JavaScript는 객체 지향 언어로, 변수, 함수, 클래스, 객체 등의 기본적인 프로그래밍 요소를 갖추고 있습니다.
브라우저에서 제공되는 Document Object Model (DOM)과 Browser Object Model (BOM)을 사용하여 웹 페이지의 요소에 접근하고 조작할 수 있습니다.
JavaScript는 브라우저에서 실행되기 때문에, 어떠한 특별한 설치 없이 모든 브라우저에서 실행될 수 있습니다.
Node.js라는 서버 측 JavaScript 실행 환경을 사용하여 서버 측 개발도 가능합니다.
2015년에 ES6 (ES2015) JavaScript 버전 업데이트를 기점으로 사용량이 크게 늘었습니다.
Mobile application, pc application, VR, AR, block chain 등 다양한 분야에 활용되는 범용되는 기술로 발전했습니다.
2. 기본 개념
Semi colon
한 문장 맨 끝에 세미콜론(;)을 붙여 문장을 구분합니다.
Javascript는 코드를 해석하는 과정에서 상황에 따라 자동으로 세미콜론을 추가해주는 규칙이 있습니다.
필요한 경우에만 사용하는 사람도 있고 반드시 사용하는 사람이 있습니다.
Comment
// 뒤, /* */ 사이의 내용은 실행되지 않습니다.
Data type
Primitive values
- Null
- Undefined
- Boolean
- Number
- Integer
- Floating point
- BigInt
- String
- Symbol
Abstraction
복잡한 것들을 목적에 맞게 단순화하는 것
Variable
variable_name = value;
declarator
var
- function scope를 또는 global scope를 갖습니다.
- var 키워드 변수 선언은 코드가 실행되기 전에 처리하기 때문에 hoisting이 일어납니다.
let(ES6)
- block scope 또는 global scope를 갖습니다.
const(ES6)
- block scope 또는 global scope를 갖습니다.
- 해당 scope 내에서 할당된 값을 변경하거나 재선언 할 수 없습니다.
- reference type을 할당할 경우 주소값이 복사되어 내부 요소의 값을 변경할 수 있습니다.
Variable naming rules
필수 규칙
- JavaScript 식별자는 '문자(a-z,A-Z)', '밑줄(_)' 혹은 '달러 기호($)'로 시작해야 합니다.
- 두 번째 글자부터는 '숫자(0-9)'도 쓸 수 있습니다.
- 대문자와 소문자를 구분합니다.
- 예약어(Reserved word)는 사용할 수 없습니다. (Ex. if, for, let, this, ...)
선택 규칙 - 추상화와 구체화가 적당한 이름이 좋습니다.
- 이름에 의미를 담는 것이 좋습니다.
- 'camelCase'로 쓰는 것이 좋습니다.
- 스타일 가이드
Function
function my_func(parameters) {statements} 형태로 선언합니다.
my_func(arguments); 형태로 호출합니다.
Parameter
함수를 호출할 때 괄호 안에 parameter를 넣어 전달하면 함수 내부에서 사용할 수 있습니다.
전달되지 않은 parameter는 undefined 값으로 설정됩니다.
Default parameter로 전달되지 않았을 때의 기본값을 설정할 수 있습니다.
Default parameter는 뒷쪽에 쓰는 것이 좋습니다.
Return
함수가 실행된 자리에 값을 전달할 수 있게 해줍니다.
Feedback
- variable scope와 style guide는 특히 신경써서 코딩하는게 좋을 것 같다.
- 내일은 'UI 디자인 기초' 코드잇 콘텐츠를 수강할 예정이다
- 자바스크립트 스타일 가이드는 따로 글을 써가며 공부하자.
Reference
