[자바스크립트] 섹션 1. 자바스크립트의 기본적인 사용

제대로 파는 자바스크립트(JavaScript) - by 얄코

(https://www.inflearn.com/course/제대로-파는-자바스크립트/dashboard)

섹션 0. 환경 세팅

1. 브라우저 콘솔창 설정

- Chrome: command + option + i

   *콘솔 비우기: ctrl + l

 

2. VS Code 설치 및 설정

- VS Code 설정 창 열기: Command + ,

- 플러그인 설치

 

3. Node.js 설치

- 자바스크립트를 컴퓨터에서 실행할 수 있는 환경

 

---

섹션 1. 자바스크립트의 기본적인 사용

1-1. 콘솔 활용하기

I. 콘솔에 데이터 출력해보기

1. 브라우저 콘솔 사용해보기

 

2. Node.js의 REPL 사용해보기

- REPL 모드: (New Terminal) node 명령어 (자바스크립트 결과 확인 가능)

- REPL 모드 종료(일반 모드): ctrl + C (2회)

 

3. Node.js 환경에서 .js 파일로 실행하기

- .js 파일 생성 > 코드 입력 후 저장 (실행 전마다 저장 필수)

- node (파일명)으로 실행

   *.js 파일을 실행시켜주는 건 VS Code가 아닌 Node.js라는 자바스크립트 환경

   *터미널이 해당 폴더에 위치해 있을 때 사용 가능

- Code Runner 확장 기능 사용: ctrl + option + N

 

II. console이란?

console: 환경의 기능(자바스크립트의 기능이 아님)

   *자바스크립트 런타임 환경(runtime environment): 자바스크립트 코드를 실행할 수 있는 소프트웨어

   *브라우저, Node.js 등(각자 구현하는 방식은 다름)

   *소프트웨어 외적으로는 영향을 끼치지 않음(개발자용 기능)

 

흔히 활용되는 console 기능들

---

1-2. 주석과 세미콜론

주석(comment): 컴퓨터는 무시하는 메시지

   *command + /

   *주석 없이도 알아보기 쉬운 코드를 짤 것

 

자바스크립트와 세미콜론(;)

   자바스크립트에서 세미콜론은 없어도 동작 (한 줄에 여러 명령어를 입력할 때는 필수)

   필요성에 대해 다양한 의견이 있지만 공부할 때는 붙여서 사용하기

---

1-3. 변수와 상수

변수와 상수: 데이터를 담는 곳

 

I. 변수 variable

변수: 값이 바뀔 수 있음 (let)

 

선언 및 초기화

다른 언어와 달리 자바스크립트에서는 undefined도 하나의 값임

기존 x의 값(undefined)이 바뀌는게 아닌 1을 담는 데이터 영역을 새로 만들어 그 곳을 가리킴

 

일반적인 초기화 방법: 선언과 초기화를 동시에

메모리상으로는 선언과 초기화를 따로 하는 것과 동일 (undefined 할당 후 재할당)

 

다른 변수가 같은 값을 가질 때

같은 값이 다른 데이터 영역에 저장되지 않음 (메모리 절약, 다른 언어와의 차이점)

 

x의 값을 변경

C 등의 언어와 달리, 메모리상 가리키는 위치가 변경

기존 위치에 새 값을 넣는 것이 아님 (자료형이 다른 데이터가 재할당될 수 있으므로)

 

이미 만들어진 주머니를 다시 만들 수 없음 (재선언 불가)

var는 이것이 가능했었음 (현재 사용되지 않는 이유)

브라우저의 콘솔에서는 독립적으로 실행하면 가능 (특수케이스)

 

선언하기 전 코드를 사용할 수 없음

 

II. 상수 constant

상수: 담긴 값이 바뀔 수 없음 (const)

   *흔히 대문자로 명명

 

선언과 동시에 초기화 (선언만 불가)

 

상수의 값은 변경 불가

값이 바뀔 일이 없는 데이터는 상수로 선언할 것

 

여러 변수와 상수 동시에 선언

   *실전에서는 하나씩 선언하는 것 선호 (가독성)

 

브라우저 콘솔 특이사항

독립된 시행시 같은 이름의 변수나 상수 재선언 가능

단, 변수를 상수로, 상수를 변수로 재선언하면 오류 (새로고침 필요)

 

III. 식별자 identifier

식별자: 상수와 변수 등의 이름

 

식별자 명명 규칙

- 영문, 한글 및 유니코드 글자, 숫자

- 특수문자 $ 또는 _

- 숫자로 시작 불가

- 공백(스페이스) 사용 불가

 

예약어 reserved words

변수명이나 상수명으로 쓸 수 없는 것들

 

 

FIN.