[JS] 001. Theory

6613 단어 jsjs

(1) html에서 js 불러오기

  • body에다가 넣어주면 된다
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Practicejs</title>
    <link rel="stylesheet" href="index.css"/>
</head>
<body>
    <h1>I am bacckkkkkk</h1>
    <script src="index.js"></script>
</body>
</html>

(2) index.js - variable

(+) 변수명을 지정해줄 때는 CAMEL 방식으로 지정해준다 (띄어쓰기 필요한 부분은 대문자로 써주기)

  • 기본 문법 :
    -문법은 한 줄에 하나씩 서술한다
    -문법이 끝나면 ; 부호를 넣어준다
    -변수의 시작에 let을 넣어준다(변수의 종류가 두가지라 이를 구분하기 위해 사용)

  • 변수 작동 순서 : (1)만든다 (2) 초기화한다 (3) 사용한다

(3) const, var, let

  • const : 변하지 않는 상수이다, 변수 바꾸지 않게 하는 것
  • var : let과 같이 변수 바꾸기 가능, 근데 let으로 그냥 써주면 됨

(4) Data Types on JS

  • // : 한줄 처리 주석
  • /,/ : 여러줄 처리 주석
  • 변수 사용할 때는 기본으로 const로 쓰도록, let은 필요할 때만

(1) String

const me = "practice";
console.log(me);

(2) Boolean

const me = true;

(3) Float

const me=100.12;

(5) Organizing Data with Arrays

  • arrays
const daysOfWeek=["mon", "tue","wed", "thu", "fri","sat","sun"];
console.log(daysOfWeek)

=>

(6) Organizing Data with Objects

  • object는 배열과 달리 각 value들마다 이름을 넣어줄 수 있다.
const me={name : "Hadamok", age : 22, ifdoingherbest:false};
//name, age 같은 애들은 텍스트가 아니라 변수니깐 따옴표 없이 적어준다 *****
console.log(me);

  • 또한 내가 원하는 애의 값만 원할 때면, 그 애의 이름을 불러서 걔만 호출해주기 가능
console.log(me.age);

=> 콘솔 창에 22만 출력이 된다

  • 배열을 objects안에 넣어주는 것도 가능하다

  • 오브젝트 안에 배열 안에 또 오브젝트를 넣어주는 것도 가능

  • 콤마 넣어주는 것 기억하기

좋은 웹페이지 즐겨찾기