[javascript] 자바스크립트 기초

👋 들어가기전

• javascript 전반적인 지식을 다음 페이지에 모아두고 있습니다. 필요시 확인하세요~

2022.08.24 - [javascripts/javascripts(typescript + ES6)] - [javascript] 다수의 링크

[javascript] 다수의 링크

 

🚨 급한사람!!  이거만 보세요

• 문법
  • 문장 마지막은 세미콜론(;)을 붙여야 한다.
  • 함수나 특정 블럭은 { }로 감싼다.
  • 주석은 한줄 //, 여러줄 /* */을 쓴다.
• 변수
  • let 변수
  • const 상수
  • 명명법
    • 변수는 숫자로 시작할 수 없음
    • 변수명에는 공백, 기호, 마침표가 들어갈 수 없음
    • 예약어는 쓸 수 없음 e.g. while, for, try 등
    • 캐멀 케이스(camel case): 파이썬에서는 클래스 명을 사용할 때 사용
      • e.g. userID
    • 스네이크 케이스(snake case): 파이썬에서는 변수명, 함수명을 사용할 때 사용
      • e.g. user_id
  • 자료형: 자바스크립트는 동적언어이다.(변수타입(헝가리안 표기식)을 정의할 필요가 없음)
    • 파이썬과 자바스크립트 모두 동적언어이며 소규모 프로젝트에서 문제가 되지 않지만 대규모 프로젝트를 위해 파이썬에서는 타입힌트, 자바스크립트에서는 타입 스크립트(type script)가 존재한다.
  • 원시 자료형: 객체가 아닌 자료형으로 메서드를 가지지 않는다.
    • string: 문자열
    • number: 숫자
    • boolean: 불리언
      • true, false: 소문자로 사용하면 됨
    • null: 널, 데이터가 없다는 것을 명시하고 싶을 때 사용
    • undefined: 정의되지 않음
    • symbol: 심벌, ES6에서 추가됨, 고유하고 변경할 수 없는값
  • 배열(array): 순서대로 값을 저장하는 객체
    
    • e.g. const os = ['windows', 'mac', 'linux'];
    • 배열을 접근할때는 인덱스를 사용한다
      • e.g. os[0]; // windows
    • os.length; // 3, 배열의 길이
    • os.push('red_hat'); // 끝에 새로운 값 추가
    • os.unshift('unix'); // 처음에 새로운 값 추가
    • os.pop(); // 끝에 값 제거
    • os.shift(); // 처음에  값 제거
    • ※ 배열로 스택과 큐, 덱 모두 활용 가능
  • 자료형 확인 - typeof
    • e.g. typeof("hello world") // string

1. 자바스크립트 문법

• 문(Statements): 자바스크립트 엔진이 동작하기 위해서는 세미콜론(;)을 모든 문장 마지막에 붙여주도록 한다.

let message = "Statements"; // 세미콜론
console.log(message); // 세미콜론

• • 블럭(blocks): 0개 이상의 문장을 묶어주는 간단한 문법이다. {}로 감싸주도록 한다.

if(message){
	console.log(message);
}

• • 주석(comment): 자바스크립트에 

//한줄 주석
/*여러줄 주석
if(message){
	console.log(message);
}
*/

 

2. 변수

• 변수(variable): 값을 담기 위한 공간
  • ES6 이전: 권장하지 않음
    • var 변수
  • ES6 이후: 권장
    • let 변수
    • const 상수

const pi = 3.14 // 상수
let message = "변수"
let user_id = 'inan'// 스네이크 케이스
let userId = 'inan'// 카멜 케이스

 

3. 원시 자료형

• 원시 자료형: 객체가 아닌 자료형으로 메서드를 가지지 않는다.
  • string: 문자열
  • number: 숫자
  • boolean: 불리언
    • true, false: 소문자로 사용하면 됨
  • null: 널
  • undefined: 정의되지 않음
  • symbol: 심벌, ES6에서 추가됨, 고유하고 변경할 수 없는값

let message = 'inan'; // string

let num = 10; // number
let num = 10.2; // number

let state = true; // boolean
let state = true; // boolean

let state = null; // null

let state; // undefined

// symbol은 객체(object)에서 유일한 프로퍼티를 가지기 위해 사용
let id = Symbol('id');
console.log(typeof id); // symbol

let student = {};
obj[id] = 'inan';
console.log(obj[id]); // value

일반적인 key는 string, Symbol은 ''을 붙이지 않고 사용

4. 배열(array)

• Array 클래스는 리스트 형태의 고수준 객체 배열이다.
  
  • 자세한거는 다음에 다시 다루도록한다.

const os = ['windows', 'mac', 'linux'];

os[0]; // windows

os.length; // 3, 배열의 길이
os.push('red_hat'); // 끝에 새로운 값 추가
os.unshift('unix'); // 처음에 새로운 값 추가
os.pop(); // 끝에 값 제거
os.shift(); // 처음에  값 제거