초급의 끄적거림

[JavaScript] 기본 문법 본문

프론트엔드/JavaScript

[JavaScript] 기본 문법

codingD 2019. 7. 8. 21:37

[01] 자바스크립트의 기본문법

 JAVASCRIPT

  - interpreter 방식의 스크립트 언어

  - Server Side Interface 실행

  - On Server 실행 : JSP, ASP, PHP

  - 변수의 자료형이 없다

   → boolean, int, double, char, String 등

  - 변수 선언 형식 : var 변수형

  - 함수 선언 형식 : function 함수명(){}

  - 대입되는 값의 형태에 따라 자동으로 변수의 자료형이 결정된다

  - 변수 선언하지 않아도 변수를 사용할 수 있다

  - 함수의 리턴형이 없다 ( 리턴값은 있지만 !!! 리턴값의 자료형이 존재하지 않음)\

  - 이벤트를 발생시켜 함수를 호출하는 방식으로 대부분 실행 된다

  - 종결문자 ; 

  - 주석표시 : //  , /* 여러줄 주석*/

 

1) 자바스크립트는 Object (객체)로 구성되어 있다

  - object = property(field) + method로 구성됨

  - 자바스크립트의 최상위 객체 : window

  - window 객체명은 생략 가능하다

  - property, field, 멤버변수 : window.location

  - method, 멤버함수         : window.alert()

 

 2) window.alert(); : 경고창 (확인)   

  - alert("대한민국");  alert('경복궁');  : 큰 따옴표뿐만 아니라 작은 따옴표도 가능

  - \n : 줄바꿈  ex) alert("대한민국\n경복궁")

alert("\"");    " : 큰 따옴표를 보이고 싶으면 역슬래시 (\) 한 개
alert("\\");  \ : 역슬래시를 보이고 싶으면 역슬래시 2개
alert('\'');     '
alert("'");      '  : 큰 따옴표 안에 작은 따옴표( ' )를 넣으면 작은 따옴표가 보쟈

 3)  window.confirm();   : '확인, 취소' 를 할 수 있는 선택창 

   - window는 생략가능

   - 확인 → true, 취소 → false 반환

confirm("영구 삭제 됩니다. \n 삭제 하시겠습니까?");

 4) 변수의 자료형 var만 있다 (별도의 선언 없이도 변수 사용이 가능)

  - 값이 변수에 대입이 되면서 자료형이 결정된다

  - 변수 선언하지 않아도 사용 가능하다

 

 5) document 객체

  - 참고 (https://www.w3schools.com/jsref/dom_obj_document.asp)

  - 웹페이지의 본문 <body>이 가리키는 객체

 

 6) 본문 <body>에 있는 id속성 접근

  6-1) javascript ver. 

   : document.getElementById("demo").innerHTML="코파아메리카";

   : innerHTML은 변수명

본문 <body>에 있는 id속성 접근

 

  6-2) jQuery ver. 

   : $("#demo").val("우승국");

 

저작자표시 비영리 변경금지

'프론트엔드 > JavaScript' 카테고리의 다른 글

[JavaScript] var, let, const 차이점  (0) 2020.06.08
[JavaScript] 문제 11 ~  (0) 2020.06.08
[JavaScript] 자바스크립트의 식별자  (0) 2020.06.05
[JavaScript] false로 취급하는 것  (0) 2020.06.05
[JavaScript] replace(치환) 및 정규식  (0) 2020.04.23
'프론트엔드/JavaScript' Related Articles more
Comments