page. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15]

18일차 자바스크립트

1. 자바스크립트 개요

• console.log 는 console 창에 기록을 남길 수 있다,
  • 이는 어떤 작업을 했는지 기록을 보기 위해 사용한다.
• 자바스크립트에서 문자는 따옴표(‘ ’ ) or (” “) 로 감싸야 하지만 숫자는 감싸지 않아도 된다.
  • console.log("1");은 문자 1이 출력이 되고 console.log(1); 1이 출력된다
• 자바스크립트가 CSS 보다 우선순위가 높다.
  • 자바스크립트 > 인라인 > CSS
  • !important 넣으면 최우선 적용된다.
• 자바스크립트의 협력 방법
  • 자바스크립트로 색상을 지정하기 보다는 명령을 내리는 방식으로 작성한다
  • 예를 들면 div 에 클래스 a 를 부여하고
  • CSS 에 a, b 로 색상을 지정했다면
  • JS 로 a 클래스를 제거 → b 클래스 추가 이런 식으로 명령을 내려 협력할 수 있다.
• console.clear(); 를 하면 기록된 로그 클리어 됨

2. 변수

• 변수를 지정할 때 타입을 적어줘야함

  • 변수에는 var, let, const 세 가지 타입이 있음
  • 가장 많이 쓰는 변수 = var
  • var = 새로 변수를 정의한다 / 재선언, 재할당이 가능
  • let = 재할당은 가능, 재선언 불가능
  • const = 재할당, 재선언 모두 불가능(제일 엄격하다.)

  ** 재선언 var x = 5; // 재할당 x=10

  *** 무조건 어떤걸 써야한다 라는 규칙은 없다.

• 변수에는 오직 값을 하나만 정의할 수 있음

• 변수는 등호 ‘=’ 왼쪽에 있을 때만 변수라고 하고 그 이후부터는 값 취급한다.(값을 가지면 값 취급)

• 변수는 메모리 공간이라고 생각하면 되며 그 공간에 어떠한 값을 넣었다고 생각하면 된다.

• var x =’안녕’ , var y=5 일 때 변수 출력

  • console.log(x+y); ⇒ 안녕5 = 텍스트와 숫자를 같이 쓸 때는 무조건 + 필요

  • console.log(y+10); ⇒ 15

    ** x 값이 안녕으로 텍스트 임으로 뒤에 숫자 y 값을 텍스트로 변환 시킨 후 더해져서 안녕5가 나온다.

  • console.log(x+y*3); ⇒ 안녕15

    ** 사칙연산 우선순위가 동일하게 적용되어 5*3 이 우선 계산 된 후 텍스트로 치환되어 값이 출력된다.

3. 정리

• HTML : 태그, 관계로 이루어져 있음
• CSS : display, position, 기타선택자(~,+,>)