Java Script!

3가지 css 참조 방식

인라인 방식 > 내장 방식 > 링크 방식

내장 방식

<script>
  alert("헤드 그런데 js 파일 링크 위");
</script>  

위치는 어디서나 사용 가능
Head 태그 내부
Body 내그 내부
Head 와 body 사이
body 아래등

링크 방식

<script src="./index.js"></script>

위치는 어디서나 사용 가능
Head 태그 내부
Body 내그 내부
Head 와 body 사이
body 아래등

내장 방식과 링크 방식 장단점

내장 방식
간단하게 만들수 있음
특정 페이지에서만 작동하는 기능일 경우 내장방식으로만 따로 구현 가능
링크방식
js 코드의 양이 많아지면 파일로 관리하는 편이 편함
같은 기능을 다른 페이지에서 사용하고 싶을때 js 파일 링크만 걸어서 사용 가능
유지 보수성이 편리

데이터의 종류

string 문자형 데이터

문자와 변수를 동시에!
메소드의 매개 변수로 넣어서 사용
console.og("문자",변수,"문자")
+연산자를 사용해서 변수를 문자로 변환 후 더하여 사용
console.log("문자"+변수+"문자")
백틱 문자 사용
₩문자를 쓰다가 변수를 쓰고 싶으면 ${variable}처럼 사용

number 숫자형 데이터

Boolean 참,거짓 데이터

Undefined 미할당 데이터

null 의도된 빈 데이터

Array 배열 데이터

Object 여러 데이터 꾸러미

변수

데이터를 저장하고 참고(사용)하는 데이터의 이름
var, let, const

var

중간의 같은 이름의 변수르 다시 선언해도 기존의 변수에 덮어 씌움

let

재사용 가능
변수 선언!
값(데이터)의 재할당 가능

const

값(데이터)의 재할당 불가능

변수의 기본 규칙

1. 변수의 이름은 문자 / 숫자 / $ / _ 만 사용가능
2. 첫 글자는 숫자가 될 수 없다
3. 예약어도 될수 없다
4. 변수 이름은 읽기 쉽도록
5. 상수는 대문자로 선언해서 다른 개발자도 알수 있도록!

기본 연산자

% 연산자
홀수 판단 :num % 2 == 1 이면 홀수
짝수 판단 :num % 2 == 0 이면 짝수
거듭 제곱
2 3=8
3 ** 3 = 27

비교 연산자

일치 연산자(===)
변수의 값 뿐만 아니라 자료형 까지도 비교

논리 연산자

|| (or): 여러개 중 하나라도 참이면 참 즉 모든 값이 거짓일때만 거짓을 반환
&& (and): 모든 값이 참이면 참 즉 하나라도 거짓이면 거짓을 반환
! (not): 참이면 거짓, 거짓이면 참

함수 (function)

function sayHello(){
   console.log('Hello');
}.   함수 선언문

let sayHello = function(){
   console.log('Hello');
 }     함수 표현식