✨Javascript(ES6)란?
Javascript는 자바스크립트라고 읽으며
'객체 기반의 스크립트 프로그래밍 언어'를 말한다.
미국의 넷스케이프 커뮤니케이션즈사 (Netscape Communications)가 개발한 스크립트 언어이고,
웹 브라우저에서 실행하는 스크립트 언어를 말합니다.
작고도 빠르기 때문에 웹문서를 동적으로 꾸밀 때 가장 많이 사용됩니다.
사용자로부터 이벤트나 입력을 받아 '동적'인 처리를 하기 위한 언어이다.
쉽게 말해, 어떤 버튼, 이미지, 텍스트를 눌렀을 때, 마우스의 커서를 올렸을 때, 텍스트를, 입력했을 때 등의
이벤트나 입력이 있을 때 동적인 처리를 하는 것이다.
javascript는 dynamically typed language이라 불리며
그 이유는, 변수를 선언할 때 타입을 지정하지 않고 런
타임 때 할당된 값에 따라 타입이 변경될 수 있기 때문이다.
🙋♂️Q. JAVA와 Javascript와 동일한 건가요⁉
👨🏫A. 아니요! 자바스크립트는 처음에'LiveScript'라는 이름으로 불렸어요.
당시 자바의 인기가 아주 높아 관련인들은 자바스크립트를 자바의 '동생' 격인 언어로
홍보를 하면 좋겠다고 의사결정을 내리고 이름을 자바스크립트라고 바꿨다고 합니다!
🔵 Javascript 주석 사용법
// | 한개의 행 | /* */ | 여러개의 행 |
//한줄 주석 처리입니다.
/* 여러개 행 주석처리입니다*/
/*
여러개
행 주석
처리
입니다
*/
❗ 코드를 작성할 때 중요한 점
주석이 필요 없는 깔끔한 코드가 가장 좋은 코드이며
주석을 작성할 때는 다른 사람들도 알아보기 쉽게 작성하는 것이 중요합니다!(협업 시 중요한 요소)
+) JS와 CSS는 주석이 동일하다.
🔵 JS 작성법(숫자, 문자)
0️⃣1️⃣숫자 (정수, 실수)
JS에선 숫자는 정수와 실수로 나뉘지 않고 number로 묶어 사용한다.
//JS에서 연산을 하고 싶을때 Math 명령어를 사용한다.
//Math란 카테고리 안에 있는 명령어를 사용한다.
Math.pow(3,2); //pow 제곱
Math.round(10.6); //round는 반올림이란 뜻
Math.ceil(10.2); //가장 가까운 위쪽 정수로 올려 주는 것
Math.floor(10.2); //가장 가까운 아래쪽 정수로 내려 주는 것
Math.sqrt(9); //제곱근 구하는것, 9의 제곱근은 3이기에 출력은 3
Math.random(); //랜덤한 숫자. 즉, 난수를 얻는다.(1보다 작은수를 뽑아냄)
100*Math.random(); //100보다 작은 난수를 뽑아냄
Math.round(100*Math.random()); //반올림을 이용해 소수점을 제외한 100보다 작은 난수를 뽑아냄
🅰🅱문자
(" ") | 큰 따옴표 사이에 문자를 작성한다. | (' ') | 작은 따옴표 사이에 문자를 작성한다. |
🔽작은따옴표('), 큰 따옴표(") 사용 시 주의사항 점
alert("coding everybody'"); //출력이 가능함
alert("egoing's coding everybody"); //출력이 가능함
alert('egoing"s coding everybody'); //출력이 가능함
alert('egoing's coding everybody'); //오류 발생
//오류 해결을 위해 (')앞에 (\)를 사용하면 오류를 잡을 수 있다.
alert('egoing\'s coding everybody');//출력이 가능함
// (\)사용시 escape라고 부른다.
➕알아두면 좋은 추가 작성법
1. 줄 바꿈
alert("coding \n everybody"); // (\n) 줄바꿈
2. 띄어쓰기 없이 문장 작성
alert("coding" + "everybody"); // (+) 띄어쓰기 없이 문장 붙이기
alert("coding" + " " +"everybody"); // (+) 띄어쓰기 없이 문장 붙이기
'Front-end > JavaScript' 카테고리의 다른 글
[JavaScript ES6]배열(array) (0) | 2021.10.21 |
---|---|
[JavaScript] 함수[재사용성,입력(input), 출력(output)] (0) | 2021.10.20 |
[JavaScript]반복문(while문 ,for문) 제어와 중첩 (0) | 2021.10.19 |
[JavaScript]조건문(if else문,변수와 비교연산자, 논리 연산자) (0) | 2021.10.17 |
[JavaScript ES6] 변수(variable) (0) | 2021.10.16 |