#4 / Js.1

지금부터 진짜 프로그래밍

 

Js4.0 > Es5.0(EcmaScript),Es6.0 발전 (젤마니씀) > Ts(TypeScript)

FrameScript(Vue,Angular,React)

 

 Js 기초 

⚡ 변수 : 지속적으로 변할 수 있는 수
⚡ 상수 : 고정된 값

//a라는 창고에 10이라는 숫자를 넘겨 받겠다

var a = 10; //숫자형 변수선언
var b = "10"; //문자형 변수선언
var c;​

---

//사칙연산(+,-,*,/)  
//: 단 +는 숫자와숫자,문자와문자,숫자와문자일때 결과가 다름 나머지세개는 계산은 해줌

var z = "100"
var k = "50"
var p = z - k;
console.log(p); // 50

---

⚡ let,const는 ES5 변수 선언문(javacript는 var만 있었음)

let korea = "한국"
let korea = "서울";
console.log(korea) //에러뜸

//let은 동일한 이름을 가진 변수명을 사용하지 못함



const color = "핑크색"
color = "파란색";
console.log(color); //에러뜸

//const는 상수를 선언 값을 지정 후 변경하지 못함
//(바뀌면 안되느 것들을 담을때 주로 사용)

 

 

⚡ Js 기초 문법( 조건문 )

//더블 조건문

let userid = "hong";
let userpw = "a1234";

//첫번째 조건은 userid의 변수값을 확인함
if( userid == "hong" ){
	//첫번째 조건이 맞으면 두번째 조건 userpw의 변수값을 확인함
    if( userpw == "a1234" ){
        console.log("로그인 하셨습니다.");
    }else{
        console.log("패스워드를 확인하세요.")    
    }
}else{
    console.log("가입되지 않은 사용자입니다.")
}

---

⚡ % ( 나머지값 )

var sum = (10+(30*6)+11)/3;
if(sum%2 == 0){ // %는 나머지값을 구할 때 사용하는 연산기호
    console.log('짝수')
}else if(sum%2 == 1){
    console.log('홀수')
}

//연산기호 : >, <, >=, <=, ==, !=, ===(자료형까지 검토)

---

⚡ 데이터값 자료형

//typeof : 현재 변수에 대한 데이터값 자료형을 확인

var data = true;
console.log(typeof(data)) //boolean


/*-----------------------------------------*/

// String(문자) > Number 자료형 변환 

var sum1 = "100";
var sum2 = "200";
var sum3 = Number(sum1) + Number(sum2);
console.log(sum3) // 300

 

⚡ Js 조건문 응용편(for)

/*
반복문 : 순차적으로 숫자를 대입하여 출력하는 문법

[ 반복문의 종류 ] 
일반 반복문 for, while, do~while, 
배열 반복문 foreach(java에는 없음), forin 
    
*/

var aa = 10;
//+1씩 증가하는 방식
//이 3개가 다 같은 값이 나옴(11)
// aa++;
// aa=aa+1;			
// aa += 1; 
console.log(aa)


// 1~9 순차적으로 출력되는 반복문
var a;
for(a=1; a<10; a++){ //(시작값; 종료값; 증가or감소 )
    console.log(a); 
}

//10~1 역순으로 출력되는 반복문
var b;
for(b=10; b>0; b--){
    console.log(b);
}

//37 ~ 22까지 역순으로 출력되는 반복문
for(var c=37; c>=22; c--){
    console.log(c);
}
/*
시작값을 for문 안에서 선언하는 경우 한번 돌리면 크게 다르지 않고 작동은 하지만
더블for문 작성시 변수가 계속 생성되기 때문에 속도에 영향을 끼칠수 있다.
변수 선언은 밖에서 하는게 좋다.
*/

 

⚡ if문과 for문 결합

//1~30중 짝수만 출력

var f;
for( f=1; f<=30; f++ ){ //1~30까지 반복까지 반복
	//f변수의 값을 지속적으로 대입하여 나머지가 0일 경우(for문 돌때마다 실행)
    if(f%2 == 0){
        console.log(f);
    }
}

 

 

 [ 숙제 ] css 문제 4 5 6 풀기