02.20 자바스크립트 기초

[JS개념]

HTML → 뼈대 / 배우

CSS → 꾸미기(인테리어) / 스타일리스트

JS → 동적인 역할, 움직임 / 감독

 

프로그램은 위에서 아래로 실행

 

console.clear(); // 콘솔화면을 지운다.
console.log(1); // 콘솔화면에 기록을 남긴다.

 

JS가 CSS보다 우선 순위가 높다. 다만,important쓰면 이게 제일 높음

가장 베스트는 CSS를 건드리지 않고, JS를 써서 바꾸는 것

 

[변수]

변수 → 미지수

x(공간) = 10;

y = 5;

console.log(x+y); //15

 

변수 타입은 총 3개 var, let, consol

 

var = 재선언 가능, 재할당(값을 하나밖에 못 넣음) 가능

-재선언

var x 10 = 10;

var x 10 = 10; <<똑같은거 또 만들어도 됨

-재할당

var x = 20; << x값 재할당했음

 

let = 재할당 가능, 재선언 불가능

-재할당

let y = 10;

y = 20;

-재선언

let y 20 = 오류

console.log(y) // 오류없음

 

const = 재선언, 재할당 모두 불가능

한 번 입력하면 끝, 수정이 필요없는걸 const에 사용함

const c = 10;

c = 20; // 오류

const c = 20; //오류

 

값만 출역하기 보다는 꾸밈말이 있는게 좋음.

var x(공간) = 10;

var y = 5;

console.log("x : " + x); //15

console.log("y : " + y); //5

 

*문제 풀이

*문제 풀이2

*집가서 두 번째 문제 다시 풀어보기

 

변수는 값이 할당이되면 그 이후에는 어디 있든 값으로 취급함

알고리즘 : 어떤 문제를 해결하기 위한 순서와 방법

 

[조건문]

if안에 들어가는 조건이 참이라면, 대괄호 안에 있는거 실행

 

*문제 풀이3