본문 바로가기

IT/Web

【web기본】2021 10 26 : Javascript에 대하여

Java / JavaScript / Python 언어별 특징

JavaScript 에 대하여...

Java : 완벽한 언어 (C 언어)

변수 선언 : 데이터 타입 변수명 ; 데이터 타입 변수명=초기값 ;

메서드 선언 : 접근제한자 반환타입 메서드명(데이터타입 매개변수 리스트) { }

메서드 선언 : 접근제한자 반환데이터타입 메서드명(데이터타입 매개변수 리스트) { return 반환데이터; }

 

클래스 선언 : 접근제한자 class 클래스명 {

접근제한자 데이터타입 변수명;

 

}

 

JavaScript : 데이터 타입이 없다!!!!!!

변수 선언 : var 변수명; / var 변수명 = 초기값;

함수 선언 : function 함수명(매개변수 리스트) { }

함수 선언 : function 함수명(매개변수 리스트) { return 반환 데이터; }

 

변수에 함수 저장 가능 :

var fnc =function (){ }

 

var o =new Object();

o.a=1;

o.b="문자";

var o2 = { a:1, b:"문자열" };

 

python : 데이터 타입이 없다!!!

반복문 / 함수 / 클래스 선언 시 { } 이 없다!!!!

들여쓰기를 이용하여 구분....

한 문장이 끝났을 때, ; 을 사용하지 않는다!!!

 


JavaScript 를 사용하는 이유 :

html 태그에 대한 이벤트를 처리하기 위함!!!!

예) 버튼 클릭... 에 대한 반응을 확인하고, 그 결과를 처리....

 

JavaScript 제공(내장) 객체

1. document 객체 : <body></body>

=> querySelector() : 태그 / id / class 명을 이용하여 안의 요소를 추출

=> write() : 사이에 직접 컨텐트를 쓰는 함수.....

 

2. Date 객체 : 현재 시스템 날짜 및 시간을 추출할 수 있는 객체.

=> toLocaleTimeString() : Date 객체로부터 현재 지역의 시간을 문자열로 반환하는 함수

 

querySelector()로 추출된 태그 객체의 innerHTML 속성 :

=> 추출된 태그 객체의 시작태그와 닫는 태그 사이에 새로운 내용을 삽입하거나,

innerHTML = "새로운 내용";

=> 내부의 내용을 추출할 수 있는 속성

var 변수명 = ~~~.innerHTML ;

 


java 에서 for()

for(초기값 ; 비교 ; 증감){

 

}

 

분석(러닝)

for( 변수 : 다중 값){

 

}

 

day_2_javascript.war
0.02MB
day_3_javascript.war
0.00MB
day_2_array.war
0.39MB

 

 


하기 첨부파일들의 html 파일 내에 있는

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

코드는 무시하셔도 됩니다.. (모바일 앱에 관련되 코드이기 때문에...)

 

상대 경로 : ./js/~~.js 와 js/~~~.js 는 동일 !!!!!

 

JavaScript : prompt()

javascript_test.war
0.01MB

 

 

JavaScript : document.querySelector()

 

javascript_test2.war
0.02MB

 

 

JavaScript : 제어문

javascript_test3.war
1.11MB

반응형