자바스크립트
자바스크립트는 기본적으로 Html 코드 위에서 작성되며
<script></script> 태그 안에 위치한다.
(기본 에디터(메모장)에서 저장할땐 문자셋을 UTF-8로 설정해놔야 한글이 안깨진다.)
크롬 개발자 도구에 대한 자세한 설명
https://www.opentutorials.org/course/580
개발도구
Sublime Text
https://opentutorials.org/module/406/3595
다운로드
Sublime Text로 자바스크립트 시작하기
Project - Add Folder to Project (폴더 추가)
View - Side Bar //사이드바에서 폴더 생성, 파일 생성 가능
html입력하고 Tab하면 html 기본 코드 자동생성
body 사이에 script 입력하고 Tab하면 <script type="text/javascript"></script> 기본 코드 생성
1 2 3 4 5 6 7 8 9 10 11 12 13 | <html> <head> <title></title> </head> <body> <script type="text/javascript"> </script> </body> </html> | cs |
짧은 코드는 브라우저 개발자 도구에서 consol.log(' ') 를 사용해 콘솔창에 결과를 출력해볼수있다.
생활코딩 자바스크립트 사전
https://www.opentutorials.org/course/50
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 | ---------------------------------------------------------- Math.pow(3,2); 9 Math.round(10.6); 11 Math.random(); 0.9949388790569702 Math.round(100*Math.random()); 49 Math.round(100*Math.random()); 80 Math.round(100*Math.random()); 52 Math.round(100*Math.random()); 5 Math.round(100*Math.random()); 58 ---------------------------------------------------------- alert("egoing's coding everyday"); undefined alert('egoing's coding everyday'); VM305:1 Uncaught SyntaxError: missing ) after argument list alert('egoing\'s coding everyday'); undefined alert("egoing's coding everyday"); undefined ---------------------------------------------------------- alert("coding" + " " + "everybody"); undefined "code".length 4 "code".indexOf("c") 0 "code".indexOf("o") 1 "code".indexOf("d") 2 "code".indexOf("e") 3 "code".indexOf("a") -1 "code".indexOf("x") -1 ---------------------------------------------------------- | cs |
//세미콜론 생략해도 되는듯
자바스크립트는 줄이 바뀌면 명령이 끝났다고 간주해서 세미콜론을 생략해도되지만 명시하는 습관을 들이는게 좋다
단, 명령어를 한줄로 이어서 작성한다면 세미콜론을 명시해주어 명령어의 끝을 구분해주는것이 좋다.
브라우저 개발자도구에서 에러확인
변수
1 2 3 | var a = 'co' , b = "ding"; alert(a+b); // coding | cs |
이런식으로 타입 한번만 명시하고 변수 여러개 선언 가능
데이터 타입
String
new키워드와 ' ' / " " 로 생성
var a = new String('문자열');var b = String('문자열');var c = '문자열';alert(a == b && b == c); //true
비교연산자 (자바 기초문법과 겹치는 부분은 생략)
=== : strict equal operator, 좌항과 우항의 값이 정확하게 같은지를 비교
1 2 3 4 5 | alert(1 == "1"); //true undefined alert(1 === "1"); //false undefined | cs |
==는 논리적으로 같은지(값)만 비교하고 데이터 타입까지 비교하진 않는다.
null : 값이 없다. // 프로그래머가 의도적으로 값이 없음을 지정한 상태
undefined : 값이 정의되지 않았다.
NaN : 성립하지 않는다.
'==='가 명확하므로 === 사용 권장
'JavaScript' 카테고리의 다른 글
| javaScript - Ajax (0) | 2019.05.29 |
|---|---|
| 자바스크립트 기본 -3 (0) | 2019.05.29 |
| 자바스크립트 기본 -2 (0) | 2019.05.28 |
| Sublime Text 코드 자동 정렬 단축키 설정하기 (0) | 2019.05.28 |
| 자바스크립트 인강 / 학습계획 (0) | 2019.05.21 |
