[2024 여름방학 React.js 스터디] 강보경 #1주차

1. 자바스크립트란?

객체 기반의 스크립트 프로그래밍 언어이다. 웹 페이지를 동작시키기 위한 프로그래밍 언어 중 하나로 마우스 또는 키보드로 입력 시 사용자의 인터랙션에 의해 반응하게 만들어준다. 

 

2. 크롬에서 자바스크립트 코드 실행 방법

크롬 시작 화면 > 오른쪽 마우스 클릭 > 검사 > Console > console.log('hi'); 입력 > hi

 

3. 자바스크립트 기본 변수

변수란? 어떤 값을 저장하기 위해 사용

변수를 의미를 부여한 어떤 값으로 저장해두고 그 값을 출력할 수 있다.

var message = 'hi';

message > 'hi'

console.log(message) > hi

 

4. 변수 선언 방식

자바스크립트에서 이미 사용하고 있는 용어(var, const, let 등)은 변수의 이름으로 선언할 수 없다.

const a = 10;

a > 10

let b = 20;

b > 20

var c = 30;

c > 30

 

5. const vs let

let은 한 번 선언하고 나서 다시 let을 정의하지 않고 변수의 이름과 변경할 값만으로도 변수의 값을 바꿀 수 있다.const는 처음 한 번 값을 정의하고 나면 이후에 바꿀 수 없다.b = 30; > 30a = 50; > TypeError

 

6. 변수에 담을 수 있는 데이터 타입: 숫자, 문자열, 진위값, 배열, 객체let a = 10;a > 10let b = 'hi';b > hilet c = true;c > truelet d = [];

d > []

let e = {};

e > {}

 

7. 변수 유의사항 및 컨벤션

: 변수명은 처음에 숫자로 시작할 수 없고, 하이픈(-)을 사용할 수 없다.

카멜 케이스 : 여러 단어로 이름 지었을 때 두 번째 단어부터 첫 글자를 대문자로 작성하는 명명 규칙 ex) appleBanana

변수명은 표현하고 싶은 데이터가 뭔지 나타내게 설정하는 것이 좋다. ex) loginID, paymentDate