본문 바로가기

WINK-(Web & App)/HTML & CSS & JS 스터디

[2023 신입부원 심화 스터디] 김윤희 #1주차 - 기초문법 part.1

반응형

1강 변수와 상수

변수 선언 방법 → let ex) let hi = ‘안녕하세요’

출력 방법 → console.log(hi)

상수 선언 방법 → const (값 변경 불가) ex) const hello = “안녕하세요

상수는 선언할 때 값을 초기화를 해주어야함 !

주의사항

  1. 변수나 상수 이름 첫 번째 글자는 영어, $, _만 가능!
  2. 숫자로 시작하는 변수명은 안됨 !
  3. 첫글자 이외에는 숫자도 사용 가능 !
  4. 영어 소문자와 대문자는 구별됨
  5. let, const와 같은 js예약어는 사용 불가!
  6. 이름에 공백은 혀용되지 않음!

→ const사용을 추천

var → 변수의 중복을 제한하지 않아 에러가 발생하지 않음 !


2강 원시 데이터 타입

원시데이터 : 객체가 아니면서 메서드도 가지지않는 데이터

const number = 123; 에서 type → number

const number = 123n; 에서 type → bigint (엄청 큰 숫자를 담았을 때!)

const name = ‘김윤희’ 에서 type → string ‘와 “는 차이점 없음 !

→ 저는 ${job}이고, ${age}살 입니다.; → `` 사용

const isTrue = 10 < 20; 에서 type → boolean

null → 값이 아예 존재하지 않는다.

undefined → 값이 없는 것이 아니라 아직 지정되지 않았음을 나타냄


3강 참조데이터 타입

const arr = [1, 2, 3, [4, 5]];

const obj = {

name: ‘김윤희’,

job: ‘개발자’

};

console.log(obj.name) === console.log(obj[’name’]) = ‘김윤희’


4강 연산자

산술연산자 : +, -, * /, 모둘러(%), **

증감연산자 : ++, —

비교연산자 : <, > , ≤, ≥, ≠= (양변이 같은지 여부비교)

a = 123, b = ‘123’ 일때 a == b → true (추상비교), a === b → false (엄격비교)

논리연산자 : &&, ||, !(not)

삼항연산자 : 조건 ? 참일때 실행될 부분 : 거짓일 때 실행될 부분

ex) console.log( 2 < 3 ? ‘참’ : ‘거짓’);

널리쉬연산자 : ?? 사용. 여러 개의 피연산자 중 값이 확정되어있는 변수를 찾음

const a = undefined;

const b = null;

const c = ‘김윤희’;

console.log(a ?? b ?? c) → ‘김윤희’ 출력

비트연산자 : & , |, ~, ^, << , >>

대입연산자 : =, +=, -= 등

전개구문 : const numbers = [1, 2, 3];

console.log(…numbers) → 1 2 3 출력 /// console.log(numbers) → [1, 2, 3] 출력

반응형