<

JavaScript

º 프론트엔드, 백엔드

º JS 추가하기

1) html 문서 내부에 js를 작성하기

<script> </script>

js는 <body>에서 아래에 위치하는 것을 많이 볼 수 있는데,

html, css -> js로 동작하는 원리 때문입니다.

2) js 파일을 만들어 html에서 연결하기

js 파일을 만들고

마찬가지로 바디 태그 아래에

<script> src="hello.js" ></script> 이런 식으로 연결할 수 있습니다.

º 객체란?

값 또는 기능을 가지고 있는 데이터

ex) 웹 브라우저

객체.데이터(숫자, 문자 등 다양한 데이터를 사용)

객체.기능() (객체가 가지고 있는 다양한 기능을

수행할 수 있다)

window.alert()

alert -> 경고 창을 띄어줘

window.alert('HELLO') -> HELLO 출력

º 주석

//주석

/* 주석 */ (css랑 똑같음)

º JS 작성 규칙

대문자와 소문자를 잘 구분한다.

구문 끝에는 ;을 사용하여 '구문의 끝'임을

알릴 수 있다 (선택)

º 변수

1) 변수의 선언 : let을 사용하여 변수를 선언

2) 변수의 초기화: 만들어진 변수에 데이터를 지정하는 것을 의미

let 변수이름;

변수이름 = 데이터;

기존 변수에 여러 값이 담기는 게 아니라,

값을 계속 변경하면 데이터가 최근 변경한 값으로 바뀜.

' ' -> O, " " -> O, ' " -> X, " ' -> X

º 변수 규칙

변수의 이름은 몇가지 규칙을 지키면 된다.

1) 숫자로 시작하면 오류가 뜸

2) $, _ 말고 특수문자 x

º 상수

1) 선언, 초기화 동시에 x 변수와 다름

그렇지 않으면 -> 에러

º 플레이스 홀더

문자열 중간에 표현식(데이터를) 넣을 수 있는 표현법

EX) const data1 = 100

const no1 = '99다음은?: ${data1} '

console.log (no1)

->99다음은? 100

z-index: 레이어 상에서 앞으로 보낼지 뒤로 보낼지 결정할 수 있는 것

Page updated

Google Sites

Report abuse