[JS] 기초 문법 02

2023. 4. 2. 10:24

 옛날에는 이렇게 마크업을 했으나 요샌 사용 안한다
 <script type "text/javascript">
 <script language~>

 js를 분할할 때는 아랟와 같이 src 속성으로 가져올 수 있다
 <script src="/path/to/script.js"></script>
 => 이렇게 파일을 가져오면 중간에 alert('1') 같은 코드가 있어도 무시함
    script 태그를 따로 사용해줘야한다 

 <HTML 안에 직접 스크립트를 작성하는 방식은 대개 스크립트가 아주 간단할 때만 사용합니다. 스크립트가 길어지면 별개의 분리된 파일로 만들어 저장하는 것이 좋습니다.
 스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시(cache)에 저장하기 때문에, 성능상의 이점이 있습니다.>


<대부분 줄바꿈은 ; 동일하게 생각하면 되지만 ;를 사용하는 것인 불필요한 에러를 줄임>
=> 아래 코드는 동일하다
console.log("test1"); console.log("test2")

console.log("test1")
console.log("test2")

<주석 처리>
=> 한 줄은 //로, 여러 줄은 /* [주석 내용] */
//console.log("test1"); console.log("test2")

/*
console.log("test1")
console.log("test2")
*/

<use strict>
=> 전체 코드 최상단에 혹은 함수 코드 최상단 사용하여 변경된 기능을 사용할 수 있음(보통 사용한다고 생각하자)
https://ko.javascript.info/strict-mode

"use strict";
console.log("test1")

 


<변수 명명 규칙>
변수명에는 오직 문자와 숫자, 그리고 기호 $와 _만 들어갈 수 있다.
변수명은 대,소문자 구분하며 첫 글자는 숫자가 될 수 없다
=> 보통 변수는 소문자, 상수는 대문자를 사용

let admin;
let name = "John"

admin = name
<script>alert(admin)</script>


<형 변환>
=> 함수의 첫 번째 음절은 대문자로 작성해야함

let value = "1";
console.log(typeof value);

value = Number(value);
console.log(typeof value);

 

value = Boolean(value);
console.log(typeof value);


<화살표 함수 기본>
let func = (1, 2, 3) => expression;

let func = function(1, 2, 3) {
  return expression;
}

let sum = (a, b) => a + b;

console.log(sum(1, 4));

'내 웹 서버 > 웹 서버' 카테고리의 다른 글

[웹 서버] nginx, php, mysql로 구성된 웹 서버  (4) 2023.12.21
[웹 서버] nginx + php + mysql + phpmyadmin 구축  (0) 2023.12.20
[JS] 기초 문법 01  (2) 2023.04.02
도메인 구매하기  (0) 2023.03.11
Git/Github 사용  (0) 2023.03.06

+ Recent posts