[바닐라JS] 2일차(2.1~2.6)_ JS데이터 타입 / 변수 / const let var / 배열 / 객체

하서율·2022년 7월 5일
0

바닐라JS

목록 보기
3/8

2.1~2.6



2. WELCOME TO JAVASCRIPT



2.1 Basic Data Types

기본적인 두가지 데이터타입 _ 숫자 / 문자

JS는 여러 type을 알아서 이해한다.
* 숫자(integer,float), 문자(text) 등등..

1. 숫자 (numbers)

  • integer (정수), float (실수)
  • JS는 정수와 실수를 알아서 분간해냄.
  • 따옴표 필요 없음

2. 문자 (string)

  • 숫자와 다르게 ""안에 넣어주어야 JS가 인식함.
  • +로 문자열을 합칠수 있음.
    • '나는'+'개발자'



2.2 Variables

console.log() 와 변수

  • console.log()
    콘솔창에 결과를 출력

  • variable(변수)
    값을 저장하는 역활

    • const(상수)를 사용한다 (상수: 바뀌지 않는값)
    • 변수의 이름을 지정
const myName= 'abc' 

▶️변수이름지정 주의사항

  • 공백을 사용하지 않고 camelCase 를 사용한다
    예) veryLongVariableName



2.3 const and let

변수의 값이 업데이트될지 안될지 개발자의 의도를 파악할 수 있다
기본적으로 const를 사용한다.

const

  • 값이 바뀔수 없다
    • 값이 변하면 안되는것들의 변수를 설정할 때 유용

let

  • 값을 바꾸어야 할 때 사용한다
  • 새로운것을 생성할 때 한번만 선언해주어도 된다
    - 한번 변수를 선언해주고나면 업데이트하고싶을 때 let 쓰지 않고 업데이트 가능하다
    let myName = 'abc'
     myName = 'xyz'  // 가능. 값이 업데이트됨.

💡 기본적으로 const를 사용하고 필요할때만 let을 쓰되, var은 사용하지 않는게 좋다.




2.4 Booleans

true / false / null / undefined

  • true(참) / false(거짓)

  • null / undefined 와 false 는 다르다.
    false
    false 라는 값이 존재
    undefined
    변수는 있지만 값이 정의되지 않은 상태
    null
    '아무것도 없는것'이라는 값이 변수에 지정
    자연적으로 발생하지 않음
    변수안에 아무것도 없다는것을 JS에게 알려주기 위해 사용




2.5 Arrays

데이터를 정리하는 기본적인 데이터구조 1 _ 배열

하나의 변수안에 여러 데이터값(data type이 달라도 상관없음)을 list로 저장할 수 있다.

  1. 사용
    • 시작과 끝에 []를 쓰고 데이터사이를 ,로 구분해준다.
  2. 데이터 접근
    • 변수이름[index값]
    • index 값은0부터 시작.
  3. 다양한 메소드
    Click! 메소드 정리1
    Click! 메소드정리2



2.6 Objects

데이터를 정리하는 기본적인 데이터구조2_ 객체

배열과 같이 한 변수에 여러 데이터를 list로 저장한다.
하지만 배열과 달리 모든 데이터 값이 다른 의미를 가지며, 그 의미를 객체 안에 써준다.


Click! 객체 추가정리




(Quiz) 문제를 똑바로 읽자😀

profile
매일 매일 기록하기

0개의 댓글