토이플젝 스터디 write-up 1

챠챠비둘기·2023년 2월 10일

자바 스크립트

목록 보기

2/5

Java Script

직접적인 개발에 들어가기 앞서 자바 스크립트를 공부해 보기로 했다. 유튜버 코딩앙마님과, 아래 사이트를 통해 자바 스크립트에 대해 대략적으로 배울 수 있었다.
링크텍스트

자바스크립트 소개

객체 기반의 스크립트 프로그래밍 언어로, 웹 브라우저 안에서 주로 사용된다. html 문서 안에 삽입되어 웹 브라우저가 여러가지 동작을 수행할 수 있게 하는 언어이다. html 문서 안에서 자바 스크립트는 script와 /script 태그 사이에 삽입된다.

자바 스크립트는 html 문서의 head나 body, 또는 둘 다에 위치 할 수 있다. 위에서처럼 script 태그 사이에 자바 스크립트를 위치시키면 된다.
자바 스크립트는 .js 확장자로 가진 파일로 대체될 수 있는데, 이때 src를 선언하고 파일의 url과 같이 적거나, 경로를 적거나, 또는 그냥 파일 이름만 적어서 .js 파일을 불러와 코드를 실행시킬 수 있다.

본격적으로 들어가기 전에, 자바 스크립트 예약어들을 숙지하고 들어가도록 하자. 이 예약어들은 변수명으로 쓰일 수 없다. 또한, 자바스크립트는 대소문자를 다르게 처리한다.

변수와 상수

자바 스크립트의 변수는 기본적으로 역동적이다. 변수 안에 어떠한 자료형이든 담길 수 있다.

변수 선언할 때 쓰이는 let, var 와 상수 선언할 때 쓰이는 const 가 있다. (물론, 아무것도 선언 안하고 변수명만 써서 실행해도 된다. 그러나, 중복 및 덮어쓰기를 막기 위해서 let이나 var, const를 쓰는 것을 추천한다.) 문자형, 숫자형 구분 없이 변수명만 적거나 let, var, const를 앞에 선언해서 사용한다.
var, let이 앞에 선언되면, 변수의 값은 변경 가능하지만, const가 선언되면 상수가 되므로 값의 변경이 불가능하다. 변수명에는 대소문자, 숫자(맨 앞글자에 들어갈 수 없다), _, $가 있다.
또한 변수는 한번에 콤마(,)를 이용해서 여러 변수들을 선언할 수 있다.

const가 선언된 변수는 무조건 초기화 해 줘야 한다.

let value = 0;
value = 10; //가능
const value; //불가능
const value = 0;

세미콜론은 필수적으로 들어가지 않아도 되지만, 아래 코드처럼 각 코드를 구분하는 데 쓸 수 있으므로 코드가 끝날 때마다 쓰도록 하자.

(대충 let, var, const의 차이를 간략하게 나타낸 짤)

var와 let의 차이점?

var은 let, const와 다르게 var을 선언한 상태로도 변수 값의 변경이 가능하다.
let 또한 값의 변경이 가능하나, let을 선언한 상태로 같은 변수의 값을 변경할 수 없다.

let은 블록 단위의 범위를 가진다.

중괄호 안에 쓰인 let 변수는 중괄호 밖에서 사용할 수 없다. 그렇기에 중괄호마다 같은 변수명으로 let을 사용해도 오류가 발생하지 않는다.

이는 const도 마찬가지다....^^(이 친구도 블록 범위를 가지고, 중괄호 안에 선언된 변수는 중괄호 밖에서 쓸 수 없다.)