오랜만에 글을 적습니다. 요즘에 깃을 많이 쓰려고 노력하다 보니 블로그에 소홀해졌네요 ~~ !!
다시 한번 제대로 적어보겠습니다.
자바 스크립트란?
프로토타입 기반 객체지향 언어 입니다.
스크립트 언어의 특성 상 플랫폼에 독립적이며 모든 웹 브라우저에서 동일한 실행 결과를 얻을수 있다.
무료이고 쉽고 자유롭게 사용할수 있습니다.
클라이언트에서만 실행되기에 정보를 서버에 보낼 필요 없이 처리할수 있다.
타입 체크가 철저하지 않습니다. 그런즉 변수들의 타입에 있어서 차이를 두지 않습니다.
자바스크립트 기반 프론트엔드 기술의 발전으로 근래, 순수 스크립트의 사용을 선호하게 되며 JAVA 보다 확장성이 뛰어난 언어입니다.
자바스크립트 개발자가 있을 만큼 사용방법이 다양하며, 반드시 익혀두어야합니다.
JAVA 를 확실하게 해두었다면 자바스크립트는 3일!!!! 정도 면 충분하다고 하네요 ㅠㅠ
자바스크립트 범주
자바스크립트의 기본 구조
<script> 태그를 사용하여 HTML 문서에 코드를 작성한다.
type 속성값으로 "text/javascript"를 입력(HTML5 에서는 생략가능)
사용방법:
<scipt type="text/javascript" src="호출할 자바스크립트 파일명.js"></script>
자바스크립트 파일안에는 <script> 태그를 포함 할 수 없습니다.
변수
자바스크립트 구문
문장끝에 세미콜론을 입력한다. 구문사이를 구분하기 위해 사용.
생략해도 무관하나 오류 방지를 위해 권장한다.
주석은 자바와 같습니다.
변수 선언
var키워드 사용
자바 스크립트에서 변수의 스코프( scope)는 코드 블록({}) dl dksls gkatn eksdnl
let 키워드 사용(ES6문법에 추가된 변수)
var는 동일 변수의 중복을 허용하지만 let은 중복 변수의 선언을 허용하지 않습니다.
분류 | 명령어 |
출력 | document.write("브라우저 출력"); |
alert("경고창 출력"); | |
console.log("콘솔창 출력"); | |
확인 | confirm("확인창"); |
자바 스크립트는 문법이 틀리면 화명상에 표시되지 않습니다.
개발자 도구 F12에서 확인해야 합니다.
콘솔의 결과도 개발자 도구에서 확인합니다.
데이터 타입
기본 타입 -
숫자: 정수, 실수 구분없음
문자열 : 문자, 문자열 구분없음 쌍따움표로 묶어도 되고, 홀따움표로 묶어도됨
불린 타입 : true/false 비교 결과가 0, null "" (빈 문자열) flase , undefiend,NAN 으로 판된 되면 false
나머진, true 동등 비교를 할 경우 ㅇㅇ타입도 같이 비교해주는 === 사용을 권장
undifined : 변수는 선언했으나 초기화를 하지 않은 경우 자동 저장됩니다.
불린형은 false로 반환 , 숫자는 NaN 문자열은 undefined 로 반환됨
null 값은 저장했으나 존재하지 않을때 나타납니다.
참조 타입
배열 []
객체 { }
=== ,!== 는 값과 타입도 같이 비교합니다.
배열
조건문은 자바와 동일합니다.
if(조건식){
}else{
}
switch(값){
case값: //실행문
break;
case 값: //실행문
break;
default://실행문
}
반복문( 반복실행 할수 있는 문장으로 while, do/while, for, for/in 문이 있다)
while문
var i=1;
while(i<1=10) {
i++;
}
감사합니다. ~~
내일은 함수 같이 리뷰해보겠습니다... 오늘 하루도 모든 예비 개발자분들과 개발 공부를 원하시는 분들 화이팅입니다!!!
'Language > JavaScript' 카테고리의 다른 글
DOM and BOM (0) | 2022.03.02 |
---|---|
JS - 간단한 요소 선택 (0) | 2022.02.24 |
JS -이벤트 핸들러 (0) | 2022.02.23 |
JavaScript 기본 함수 2-1 (0) | 2022.02.23 |
JavaScript-기본 2(함수) (0) | 2022.02.23 |