JavaScript - 숫자와 문자 , 변수

*alert() , console.log()

- javascript를 이용하여 출력하고 싶을 때 이용

- html 파일에서 <script></script>를 사용 후 사용 가능

- 크롬에서 ctrl+shift+i를 누른 후 console창에 들어가서 입출력 가능

 

*데이터형(data type)의 종류

- 숫자

- 문자

 

*숫자

- 정수와 실수로 구분

- '나 "를 사용하지 않으면 숫자로 구분

- 더하기 + , 빼기 - , 곱하기 * , 나누기 /

alert(1+1); // 2출력
alert(3-1); // 2출력
alert(2*4); // 8출력
alert(9/3); // 3출력

 

- 연산에 해당하는 명령어 사용 후 다양한 연산 가능 Math.함수

1) 제곱 함수 : Math.pow()

2) 반올림 함수 : Math.round()

3) 올림 함수 : Math.ceil()

4) 내림 함수 : Math.floor()

5) 제곱근 함수 : Math.sqrt()

6) 무작위 함수 : Math.random()

alert(Math.pow(2,3)); // 2의 3제곱
alert(Math.round(10.6)); // 11
alert(Math.ceil(10.2)); // 11
alert(Math.floor(10.2)); // 10
alert(Math.sqrt(9)); // 3
alert(Math.random());
//0부터 1.0 사이의 랜덤한 숫자 --> 10의 거듭제곱을 곱하여 해당 범위 내의 숫자 무작위 출력 가능

 

*문자

- "" 나 '' 둘 중 하나로 감사야한다. ("로 시작하면  "로 끝내기)

- "나 '를 문자로 사용하고 싶으면 \를 이용하여 표현 (\' or \")

- 여러 줄을 한 코드 안에 실행하고 싶으면 \n 이용

alert("Hello"); // Hello 출력
alert('Hello'); // Hello 출력
alert("Hello'); // error 발생
alert("Hello\nHello"); 
//Hello 
//Hello 출력

 

*문자 연산

- +는 문자와 문자를 더함 --> ex) alert("Hello"+" World"); --> 결과: Hello World

- .lenght는 문자의 길이를 알려줌 --> ex) "Hello World".length

alert("Hello"+" World"); // Hello World 출력
alert("Hello".length); // 5출력

 

 

*변수

- 임의의 값을 담는 공간, (박스라고 생각하면 쉬움)

- JavaScript에서 변수는 var로 선언 ex) var a = 1; //a라는 변수에 1이라는 값을 담음

- 숫자나 문자 등 다양한 자료형이 들어올 수 있음

 

- 변수를 이용함으로써 다양한 활용이 가능해짐

var a = 1;
alert(a+3); // 4출력

var c = "Hello";
alert(c+" World"); // Hello World출력

 

---

먼저 내가 JavaScript를 공부하기 시작한 이유는 XSS를 위한 JavaScript에 대한 기본적인 지식이 필요하기 때문이다. 따라서 다른 블로그에서 참고를 하였는데 바로 생활코딩이라는 채널이다. 진짜 강추!!!! 아래 주소를 첨부했다.

 

참조 : 생활 코딩-JavaScript https://opentutorials.org/course/743