JavaScript 정리 1

JavaScript

MDN에선 이렇게 정의합니다.

 

JavaScript가 뭔가요?

"자바스크립트는 복잡한 무언가(주기적으로 내용이 갱신되는 기능이나 능동적인 지도, 변화하는 2D/3D 그래픽, 동영상 등)를 웹페이지에 적용할 수 있게 하는 스크립트 혹은 프로그래밍 언어입니다."

 

흔히들 HTML, CSS, JS를 비유할 때 사용하는 상투적인 표현으로

 

• HTML - 뼈대
• CSS - 디자인
• JavaScript - 움직임

 

이렇게 비유를 하는데.. HTML과 CSS로만은 분명히 부족한 부분이 생깁니다.

(일단 프로그래밍 언어가 아니잖아요!)

뼈대랑 디자인만 있는 페이지면 허우대만 말짱한 놈 아니겠어요?

우리의 JavaScript가 레드불마냥 웹에 날개를 달아줄 겁니다.

 

---

 

패스트캠퍼스에서 고현민님의 코딩 첫걸음 프로젝트 강의를 수강하면서 들은 강의를 정리합니다.

 

 

변수 선언

let, var, const를 사용해서 변수를 할당할 수 있습니다.

var은 변수 재선언이 가능하지만, let과 const는 그렇지 않고

let은 재할당이 가능하지만, const는 그렇지 않다는 차이점이 있습니다.

 

선언 실패! 빠바밤빠바밤

 

자료형

기본적으로 숫자, 정수, 문자열, 불리언, null, undefined, 객체를 할당할 수 있습니다.

 

각각의 자료형 선언과 출력결과

 

배열

[대괄호]로 선언하고, 인덱스를 가집니다.

 

배열 선언과 생성된 인덱스

 

함수

function을 붙여서 선언해주면 됩니다.

 

함수 선언과 실행결과

 

객체

{중괄호}를 이용해 객체를 선언합니다. 이 안에 key값 : value값 형태로 쓰면 끝입니다.

key는 변수이지만, var 같은 선언은 필요 없고, 생성한 객체에 접근하려면 .을 사용하면 됩니다.

 

객체 선언과 사용

보다시피 value에는 문자열이든, 숫자든, 배열이든 아무거나 들어갈 수 있습니다.

 

그리고 알 수 있는 것!

출력을 위해 이전까지 쓰던 console.log 요놈도 .을 사용하잖아요?

console도 객체였습니다! (충격)

찍어보니 console 안의 log() 함수였던 것.. ㄱㅇㄴ

 

 

기초적인 문법은 다른 프로그래밍 언어의 그것과 유사해서 슥삭슥삭 넘어갔습니다.

알바에 운전면허에.. 정신없네요

힘내보겠습니다.