[JS] 1. Basic of JS

John_Dev·2021년 10월 30일
0

JS Study

목록 보기
1/2
post-thumbnail

HTML, CSS, JS

  • 웹사이트를 구현하는 코드를 작성했을 때, 웹사이트가 불러오는 것은 HTML

  • 그 HTML 파일을 통해 CSS, JS와 상호작용이 이루어짐

  • CSS를 불러올 때는 다음과 같은 코드로 작성

    <link rel="stylesheet" href="style.css"></link>
    • 이때, 해당 링크 태그는 head 태그 안에 들어가야 함
    • rel = relation 이므로 css와의 관계인 stylesheet을 적어주고,
    • href = hyper reference 이므로 해당 링크를 작성함
  • JS를 불러올 때는 다음과 같은 양식으로 작성

    <script src="app.js"></script>
    • 이때, 해당 스크립트 태그는 body 태그 안에 들어가야 함
    • src = source 이므로 불러올 js 파일을 작성함

Variables in JS

  • 특정 값을 수식에 입력해 놓으면, 값이 변할 때마다 모든 수식에 있는 값을 업데이트 해줘야 함
  • 그렇게 하면 번거로울 뿐더러, 실수가 생기면 답이 없음, 그래서 variable로 지정해줘야 함
  • variable을 "처음" 선언하는 방법에는, const와 let이 있음
  • const(=constant=상수) → 바뀌지 않는 값, 계속 유지 됨
    • 한번 선언하고 나면 그 값을 임의로 변경할 수 없고, 변경하면 에러 발생
  • let(≠상수) → 바뀌는 값
    • 한번 선언하고 나서도 let 없이 변수명과 값 만으로 변경해줄 수 있음

Objects

  • object는 다음과 같은 형태로 구성됨.
  const player = {
      name : 'John',
      age : '21',
      sex : 'male'
  }
  • Array랑은 완전 다른 개념이고, object 안에는 Property를 가진 데이터가 들어감
  • object를 const로 선언했다고 해도, 해당 Property나 데이터 값은 object 밖에서 자유롭게 바꿔줄 수 있음

0개의 댓글