기록 ＞ 기억
[JavaScript] 작성위치, 변수와 상수 본문
JavaScript 작성위치
● 자바스크립트 작성 위치
① 태그에 직접 작성 (on+event 속성)
<body>
<!-- on + event 속성을 통해 작성 -->
<input type="button" value="버튼" onclick="alert('태그에서 작성');">
</body>
② 파일 내부에 작성 (script 태그)
<head>
<!-- script 는 body 맨 끝에 작성하거나, head 안에 작성 -->
<script type="text/javascript">
alert("내부에서 작성");
</script>
</head>
③ 외부 파일에서 작성 (외부 js 파일)
alert("외부에서 작성");
/* 파일경로 : /js/test.js */<head>
<script type="text/javascript" src="../js/test.js"></script>
</head>
<!-- 파일경로 : /html/test.html -->
변수와 상수
● 변수
① 변수 선언은 var 또는 let으로 선언
/* 변수 선언 : 값을 재할당 할 수 있음 */
let player = "son";
console.log(player);
player = "park";
console.log(player);
② 자료형은 저장된 데이터 값에 의해 결정됨
let str = 'son'; /* 문자형 */
let num = 89; /* 숫자형 */
let flag = true; /* 논리형 */
let undef; /* 변수만 선언하고 값을 할당안함 */
console.log(typeof(str)); /* string */
console.log(typeof(num)); /* number */
console.log(typeof(flag)); /* boolean */
console.log(typeof(undef)); /* undefined */● 상수
① 상수 선언은 const 로 선언
/* 상수는 대문자로 선언 : 값을 재할당 할 수 없음 (변하지 않는 값) */
const PLAYER = "son";
console.log(PLAYER);
/* 상수에 다른 값을 할당하면 에러발생 */
PLAYER = "park";
● 네이밍 규칙
var javaScript; /* 카멜 케이스 : 앞 단어를 제외한 첫 글자를 대문자 */
var java_script; /* 스네이크 케이스 : 단어 사이에 언더바로 구분 */
var JavaScript; /* 파스칼 케이스 : 모든 단어의 앞을 대문자 */
var strJavaScript; /* 헝가리언 케이스 : 자료형을 접두어로 사용 */
/* 자바스크립트에서는 "카멜 케이스"가 비공식적인 표준 */
'IT국비지원' 카테고리의 다른 글
| [JavaScript] 제어문 ② 반복문 (for, while, do while, for in, for of) (0) | 2021.09.08 |
|---|---|
| [JavaScript] 제어문 ① 조건문 (if, switch) (0) | 2021.09.08 |
| [JavaScript] 연산자 (0) | 2021.09.07 |
| [CSS] 반응형 웹 (0) | 2021.09.06 |
| [CSS] visibility : hidden 과 display : none 의 차이 (0) | 2021.09.05 |
| [CSS] 2단 메뉴 (0) | 2021.09.03 |
| [CSS] position 속성 / z-index 속성 (0) | 2021.09.02 |
'IT국비지원' Related Articles
more
Comments