3. 자바스크립트 (1)

 

 

 

 

1. 프로그래밍과 웹 코딩

• 자바스크립트 (JS)는 웹과 소통하는 언어임. 연산 등 프로그래밍의 기능도 가능하며, 다른 언어들과 달리 컴파일 과정이 없음(스크립트 언어 - 인터프리터 사용). 그래서 저장하면 바로 웹에 띄울 수 있음. 
• 자바스크립트는 이벤트를 중심으로 움직임(이벤트 드리븐). 이벤트는 시작되는 원인인 트리거와 실행되는 내용인 핸들러로 나뉨. 트리거는 클릭이나 스크롤 등 주로 사용자의 행동이 됨.

// 어디에서(대상) 어떤 정황이 발생하면 (트리거) 어떤 행동을 한다(핸들러, 내용)
// 대상.on트리거 = function { 핸들러, 내용 }
// 예시
document.onClick() = function { alert("Clicked"); }

• 자바스크립트는 웹의 콘솔을 사용할 수 있음. 컴파일 없이 바로 실행되기 때문에 어디가 잘못됐는지 모를 때나, 웹 내의 진행 상황 등을 알고 있을 때 사용 가능.

 

 

2. 변수와 데이터 타입

• 자바스크립트의 변수는 const, var, let이 있음. 사용할 때 데이터 타입은 선언하지 않고 저 세 개를 사용하거나 사용하지 않아도 됨. const는 값이 고정되고 (=static) let과 var은 값이 변화될 수 있음.
• 전역 변수(함수 밖에서 선언, 어디에서나 사용 가능)와 지역 변수(함수 안에서 선언, 함수 안에서만 사용)가 있는데, const와 var이 들어오며 블록 스코프와 함수 스코프가 생김. 함수 스코프는 함수의 {} 괄호 안, 블록 스코프는 if나 while등의 조건문인 () 안의 내용을 지정함.
• 스칼라 변수는 상수 등 하나의 값만 저장되어 있음. 오브젝트 변수는 배열 등 여러 값이 저장되어 있음.
• 데이터 타입은 bool등 다른 언어들과 동일하나 symbol(익명 개체 속성), Number(정수, int X), bigInt(Number보다 큰 수), object(속성이나 값을 여러개 가질 수 있음) 등 다른 점들이 있음. 데이터 타입을 알고 싶을 때는 typeof(변수) 사용.

 

 

3. 함수

• 함수는 다른 언어들과 똑같은 기능을 하지만, 형태가 세 가지 있음.

// 함수 정의
function f(){ alert('Hi'); }
let hi = f;

// 함수 표현 
let hi = function{ alert('Hi'); }

// 화살표 함수
let hi = () => { alert('Hi'); }

• 콜백 함수는 함수에게 매개변수로 함수를 넘겨주는 함수임. 함수를 전달할 때 ()를 함께 넣지 않음. 변수처럼 그 이름만 넣어줌.

 

 

 

 자바스크립트 큰 범위 중 가장 기본이라고? 할 수 있는 범위를 이번에 공부해봤습니다. 자바스크립트라는 주제 답게 자바스크립트의 정의와 특징, 타언어들과 다른 점을 중점으로 했습니다. 하지만 그래도 프로그래밍 언어 중 하나이고 많은 언어들을 사용하는 개발자들에게 갑자기 뚱딴지 같은 문법을 줄 수는 없으니, 대체로 다른 언어들과 비슷합니다. 그래서 다른 언어들과 같은 내용들은 이곳에 적지 않았습니다. 하지만 다른 언어들을 많이 안 사용해보신 분들은 이 책으로 겸사겸사 공부해보시는 걸 추천드립니다.

 

 아 그리고 후반부에 느낀 건데... 이 책 들여쓰기가 없네요... 그동안 몰랐습니다. 다른 언어들이랑 비슷하니 한 번 훑고 지나가지 굳이 다시 되돌아가서 읽으러 가지 않으니 몰랐는데, 정리하면서 보니 들여쓰기가 없었어요. 아무래도 문단으로 내용이 나뉘는데 그 선이 문단의 마지막 줄 뿐이니 생각보다 불편하더라고요. 소소한 바람이지만 들여쓰기가 들어갔으면 좋겠습니당...