#1 JavaScript 시작하기
자바스크립트의 개요
자바스크립트는 웹 브라우저에서 HTML,CSS를 동적으로 제어하기 위해 만들어진 언어이지만 오늘날 다양한 분야에 사용되고 있다.
실제로 JS는 여러 프레임워크와 더불어 Back-End 개발 뿐만아니라 윈도우 프로그램 개발도 가능하다고 한다
따라서 Front-End 부분에 대한 공부 및 JS라는 이미 떠버린 언어를 공부하고자 차근차근 쌓아나가볼께요
JS에서 Hello world 작성
1. html파일 내에
<script>
alert('Hello world');
</script>
코드를 작성하여 실행시키면 팝업창으로 hello world가 출력 됨을 알수 있다.
2. 개발자도구 내 console에서
alert('Hello world');를 작성해준다
이때 alert()가 아닌 console.log()를 이용해서 보여주면 콘솔창에 바로 뜬다
JS에서의 숫자
js에서는 따옴표가 붙지 않은 숫자는 숫자로 인식(== 파이썬과 같다)
사칙연산 또한 +,-,*,/ 를 사용한다
Math객체의 method
Math.pow(a,b) : a의 b승
Math.round(a) : a를 반올림
Math.sqrt(a) : a의 제곱근
Math.random() : 0부터 1.0사이의 랜덤 숫자
JS의 문자(String)
문자는 '' or "" 로 감싸야한다.
숫자를 따옴표로 감싸면 문자가 된다(==파이썬과 같다)
alert(typeof "1")
typeof 라는 함수는 type을 알려주는 애
그리고 ''를 문자로 쓰고 싶으면 escape문자를 사용해주자
여러줄의 문자열을 작성하고 싶으면 \n을 작성해주자
"문자열" + "문자열 도 가능하고
"문자열".length 로 문자열의 길이를 구할 수 있다.
console.log("문자열" + 10)과 같이 문자열+숫자 도 문자열로 취급하여 출력해준다
JS의 변수 var a = 1; 과 같은 방법으로 변수를 선언한다
(var를 생략할수 있는데 생략하면 유효범위에 영향을 미친다)
JS의 주석처리는 //로 해준다
JS의 경우 한줄에 여러 명령어를 칠때 ;로 구분을 할 수 있는데 이때
;를 안 써도 개행문자를 만나면 명령의 끝으로 간주를 한다
JS의 연산자
==(동등연산자) 과 ===(일치연산자)
표현하는 값이 같으면 동등 연산자는 true
동등연산자 + 자료형도 일치 ==> 일치연산자
예를 참고하자
null == undefined true
null === undefined false
true == 1 true
true === 1 false
true == '1' true
true === '1' false
NaN === NaN false
null은 값이 없음을 명시, undefined는 값이 없는 상태
NaN은 0/0과 같은 연산의 결과로 만들어지는 숫자가 아닌 데이터형
이와 마찬가지로
!=와 !== 도 정확히 다른가에 따라 다른 bool값을 보여준다
그래서 우리는 일반적으로 ===, !==를 사용하도록 하자
&& : and의 의미
|| : or의 의미
! : not
JS조건문
if( ) {
}
else if(){
}
else{
}
false로 간주되는 datatype :
'', undefined, 빈변수, null, NaN
JS 반복문
while과 for이 있고 java문법의 영향을 받은만큼 같은 방법으로 사용해준다
for (var i = 0 ; i < 10 ; i++){
}
물론 break와 continue도 사용할수 있다. 해당 코드는 가장 가까이 감싼 반복문을 탈출 (continue는 반복)해준다.
댓글 없음:
댓글 쓰기