2021 10 26 수업
JavaScript 에 대하여
java: 완벽한 언어 (C 언어) ?
변수 선언 : 데이터 타입, 변수명; 데이터 타입, 변수명=초기값;
메서드 선언 : 접근제한자 반환타입 메서드명(데이터타입 매개변수 리스트){ }
메서드 선언 : 접근제한자 반환데이터 타입 메서드명(데이터타입 매개변수 리스트){ return 반환데이터; }
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> 내에 입력된 객체
querySelector(): 태그 / id / class 명을 이용하여 <body> 안의 요소를 추출
write() : <body> 사이에 직접 컨텐츠를 쓰는 함수
2. Date 객체 : 현제 시스템 날짜 및 시간을 추출
toLocaleTimeString() : Date 객체로부터 현재 지역의 시간을 문자열로 반환하는 함수
querySelector()로 추출된 태그 객체의 innerHTML 속성:
추출된 태그 객체의 시작태그와 닫는 태그 사이에 새로운 내용을 삽입하거나,
innerHTML = "새로운 내용";
내부의 내용을 추출할 수 있는 속성
var 변수명 = ~~~.innerHTML;
================================================
java 에서 for()
for(초기값 : 비교 : 증강){
}
for(변수 : 다중 값 ){
}
=============================================
CSS 에 대하여
1. 목적: 웹 문서를 꾸미기 (움직임 / 변형)
2. css 파일을 별도로 생성하여 작업을 권장
- ~~~.css
3.html 파일내에 css를 사용할 경우
=> <head> 사이에 <style> 태그를 이용하여 사용
일반적으로 전체적인 공통 스타일은 ~~~.css 파일을 이용하여 적용하고
특정 웹 문서의 일부분만 별도의 스타일을 적용할 경우에는 <style> 태그를 사용하는 경우도 있다.
특정 태그만 별도의 스타일을 지정하고 싶을 경우, 태그의 style=" " 속성을 이용하여 설정 가능
참고 : html 태그 속성과 style 속성은 별개
4. css로 할 수 있는 것들
전체 웹 페이지에 대한 공통 스타일 설정
다국어 ( css+ xml )
접속 웹 브라우저에 대한 처리
사용자 접속 기기에 대한 처리도 가능
====================================
스타일 선언 방법
css파일과 <style> 태그 내에서 선언 하는 방법
1. { 스타일 속성몇 : 값 : 스타일 속성명 : 값 ; ...}
모든 요소에 대한 공통 스타일 선언
2. 태그명 {스타일 속성명 : 값, 스타일 속성명: 값; ...}
동일 태그에 공통적인 스타일을 적용할 경우
3. 스타일클래스를 선언
.스타일 클래스명 {스타일 속성명 : 값, 스타일 속성명: 값; ...}
태그의 class="스타일 클래스명" 속성을 이용하여 별도설정가능
검색 웹 크롤링에 자주사용
======================================
<style>
p {color : blue}
.red(color:'red')
.blue(color:'blue')
</style>
<body>
<p class='red blue' style='color:yellow'></p>
</body>
태그에 직접 스타일을 설정할 경우
<p style="color:blue"></p>
모든 <p> 태그에 동일한 스타일을 적용할 경우
<style>
p {color : blue}
</style>
======================================
스타일이 중복 설정된 경우, 스타일의 일반적인 우선 순위
1. 태그 내부의 style 속성
2. <style> 태그 내의 맨 마지막으로 지정한 스타일
======================================
프로그램 언어에서 색상 값
16진수 표현 (0~9 / a~f)
======================================
======================================
cmd:
cd 폴더명 : 해당 하위 폴더로 이동
cd .. 상위 폴더로
cd\d:\ 폴더명 즉시이동
dir: 현재 위치 폴더 파일 리스트
dir /p : 파일 페이징
dir /s : 현재 위치 폴더 및 파일 리스트를 하위폴더까지
md: 폴더 생성 / 현 위치의 하위폴더 생성
copy : 파일 복사