Javascript 알아보기 2

Javascript에 대해 공부하고 알게 된 내용을 정리한 페이지입니다. 편의상 JS로 줄여 부르겠습니다.

[[TOC]]

1. JS를 사용하는 법

  • JS는 html파일에 연결되어 사용됩니다.

    • 이 때 js 파일을 html 파일과 연결을 시켜주어야만 사용이 가능한데, 일반적으로 html의 body 맨 끝부분에 다음과 같은 코드를 추가해 사용합니다.

      <script src="부르고싶은.js"></script>

2. JS를 확인하는법

  • 브라우저마다 방법이 다를 수 있으나, 구글 chrome 브라우저를 예로 들면, 크롬 브라우저를 켠 상태에서 개발자 도구(F12)를 열어서 그 안의 console 탭을 이용합니다.
    • 이곳은 연결된 js파일의 실행 결과 및 명령어 입력을 지원하는 터미널입니다.
    • JS의 코드를 직접 console창에서 구현하는 것도 가능합니다.

3. Javascript의 구성 요소

  • JS는 다음과 같은 구성 요소들을 갖습니다.

1. Variable (변수)

  • JS에서 변수를 선언하고 싶으면

    const var1 = something1;
let var2 = something2;

    의 형식으로 사용합니다. const 변수의 경우 한 번 정의된 이후에 값을 변경할 수 없으며, let 변수의 경우 처음 정의한 이후에도 변수의 값을 변경할 수 있습니다.

    • 이를 통해 변수의 생성 의도를 알 수 있습니다.

1. 자료형(type)

  • JS는 다음과 같은 자료형을 지원합니다.
    • integer - 정수형 숫자입니다.
      • 소숫점 없는 숫자를 변수에 넣으면 정수형이 됩니다.
    • string - 문자열입니다.
      • 작은따옴표(‘’) 혹은 큰따옴표(““)안에 문자열을 넣어 문자열 자료형임을 표시합니다.
      • 보통 큰따옴표를 많이 사용합니다.
    • boolean - 참 혹은 거짓이 갖는 자료형입니다.
      • true
      • false
    • null
      • 아무것도 없음을 타내는 자료형입니다.
    • undefined
      • 들어있는 자료가 무엇인지 모른다는 것을 나타내는 자료형입니다.
      • null과 비교하면, null은 ‘아무것도 없다’는 것을 알리기 위한 자료형이고, undefined는 ‘메모리는 차지하는데, 뭐가 들어있는지는 몰라’를 알리기 위한 자료형입니다.

2. Arrays (배열)

  • 배열은 변수를 한 번에 여러개를 만들 수 있는 효율적인 데이터 구조입니다.

  • 다음과 같은 형식으로 생성됩니다.

    const arr1 = [var1, var2, var3, ...];

  • 배열의 특정 위치의 값을 확인하고 싶으면, 다음과 같은 형식으로 확인 가능합니다.

    arr1[index]

    여기서 index는 양의 정수입니다.

    • 이 때 index는 0부터 시작합니다. (위의 예시에서, arr1[0] = var1, arr1[1] = var2, …)
    • 만약 index가 가리키는 위치에 값이 없다면, null을 반환합니다.

  • 배열에 값을 추가하고자 할 때는 다음과 같은 함수를 사용합니다.

    arr1.push(value)