열심히

html-css 링크 외부선언

<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/media.css">

media.css ->반응형 웹페이지(모바일)문서

언제나 링크 제일아래에 위치

jquery 링크

<script src="https://code.jquery.com/jquery-3.1.0.min.js" 

javascript 선언문 예제

<script type="text/javascript">

document.write();

</script>

document 객체 Object

write() 메서드 Method 기능

변수 및 데이터형

변수 : 데이터를 저장하는 공간, 한번에 1개의 데이터만 저장하고 새로운 데이터가 입력되면 기존의 값은 삭제

var 변수명; 또는 var 변수명1,변수명2,변수명3; 또는 var 변수명=데이터값;

연산자

산술연산자

비교연산자

대입(할당)연산자

증감 연산자

논리 연산자

문자 결합 연산자

조건 연산자

조건문? 실행문1:실행문2

조건문의 결과가 참(true)이면 실행문1, 거짓(false)이면 수행문2

confirm 메서드

확인,취소 창

확인이면 true, 취소하면 false값을 반환

예제

<script type="text/javascript">
<![CDATA[
var result=confirm("Do you like javascript?");
var the Text=result ? "good":"No-good";
doucument.write(theText);
]]>
</script>

제어문

조건문

if(조건식){
	실행문;
}

if~else문

if(조건식){
	실행문1;
}else{
	실행문2;
}

if(조건식1){
	실행문1;
}else if(조건식2){
	실행문2;
}else if(조건식3){
	실행문3;
}else{
	실행문4;
}

swich~case문

num=3;
switch(num){
	case 1:
    	실행문1;
        break;
    case2:
    	실행문2;
        break;
    case3:
    	실행문3;
        break;
    default:
    	실행문4;
}        

조건문과 switch~case문 차이

조건문은 '데이터 중복'의 경우라 하더라도 특정 '조건'을 허용할때 사용하는 반면

switch~case문은 '정확히' 일치하는 경우만 허용할때 사용

반복문

while문

 특정조건식을 만족하는 동안 실행문을 반복적으로 수행

var i=초기값;
while(조건식){
	실행문;
    증감식;
}

---------
<예>
var i=1;
while(i<=10){
	document.write(i+"<br />";
    i++;
}

for문

while문과 비슷하지만 간단해서 사용빈도 더높음

for(var k=초기값; 조건식;증감식){
	실행문;
}

---------
<예>
for(var k=1; k<=10;k++){
	document.write(k+"<br />");
}

2중for문

바깥for문+안쪽for문

break문

반복문의 실행문은 break문을 만나면 종료

continue문

반복문이 continue문을 만나면 바로 증감식으로 돌아가 실행을 반복