javascript 기본 환경설정
-
nod.js부터 download
-
웹브라우저를 열지 않고 코드 실행 결과를 확인하기 위해
vscode 실행 후 coderunner install -
code runner 실행방법: 코드 작성 후 vscode 창 상단에 재생버튼 클릭 or 단축키: ctrl+alt+N
output탭에서 코드 실행 결과 바로 확인가능, output창 삭제하려면 마우스 우클릭 clear output 선택.
특정 코드만 실행하기: 마우스로 원하는 부분의 코드 드래그 - 마우스 우클릭 - run code 클릭
javascript code 작성방법
내부 script
html 문서 내부에 sciprt 태그 안에 기술하는 방법
ex)
javascript는 html 문서 내부에
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
console.log('Hello Worlds!');
</script>
</body>
</html>외부 script
확장자가 .js로 끝나는 별도의 파일을 만들고 그 외부파일과 html 파일을 연결시켜서 실행하는 방법
ex)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="practice.js"></script>
</body>
</html>예시코드 결과 확인하기
해당파일 저장 후 html 웹브라우저 열어서 F12 콘솔창 열면 코드 확인가능
줄바꿈의 의미로 문장이 끝났을 때 ;
문자열은 ""감싸기
변수
1. 변수 선언 방법
암시적 변수 선언
ex)
num = 3;명시적 변수 선언
java script 규칙을 따라 변수 선언
ex)
var - 변수 중복선언 가능.
var num =3;let - 중복선언 불가, 재정의는 가능
let str = "a";const - 중복선언 불가, 변수의 최초 할당된 데이터 변경 불가. 따라서 변하지 않는 수, "상수" 라고 부름.
const constant = 10;변수선언 규칙 4가지
1. 변수는 카멜케이스 방법으로 작성한다.
단어의 첫글자는 소문자이지마 연결된 단어는 대문자
ex)
userName = "name";
dataFrame = "df";
2. 변수 이름은 '_' '$' 문자로만 시작 가능하다.
ex)
_day12 = "월요일";
$mon = "june";
3. 상수 와 축약어의 이름은 대문자로 작성한다
상수선언시 단어와 단어사이는 언더바로 연결(스네이크 방식)
ex)
const HTML = "Hyper Text Markup Language";
const MAX_NUM = "99";4. 예약어(reserve words)는 변수선언 불가
ex) class, var, let, const...
