👀 java script?

• 웹페이지 내에서 동적 요소를 만들어주는 언어
• 프론트엔드 분야에서 유일무이한 독점성을 가진 언어
• 웹페이지뿐만 아니라 데스크탑용 앱, 모바일 앱, 게임, 3d 효과, 백엔드 구현 등 무궁무진한 확장성을 가진 언어
• 객체 object 기반의 스크립트 언어(요소 하나하나 객체)

---

1️⃣ 변수 variable

• 데이터가 저장되는 공간, 변수에는 하나의 값만 저장할 수 있음.
• 변수명을 만드는 방법
  1. 숫자로 시작 x
  2. _ $ 특수 문자 사용 가능
  3. 한글 x
  4. 대소문자 구분 A/a
  5. var const let 키워드 사용해서 선언한다.
  • var : 기존에 많이 쓰던 선언 방식.
    수정에 제약이 없어 오히려 값을 고정시켜야 하는 데에 불편함이 있었음
  • const, let : var의 단점을 보완하여 각각 수정 불가능, 가능하도록 새로이 나온 선언 방식. const를 가장 보편적으로 사용

---

2️⃣ 객체 object

• 여러 속성을 하나의 변수에 지정해주는 데이터 타입(많은 값을 한 번에 포함할 수 있는 변수)

▶︎ object.method (행위, 행동)

• console.log() -> console이라는 객체에 기록(log)한다.
• document.write() -> document라는 객체에 작성(write)한다.
• window 윈도우 객체(최상위-생략 가능)에 내장된 메서드
  • alert() : 경고창 띄워주는 메서드
  • prompt() : 입력창 띄워주는 메서드
  • confirm() : 확인/취소창 띄워주는 메서드

▶︎ 배열 Array 객체 ⭐️

• 자바스크립트 내장 객체 -> 만들어진 메서드와 속성이 있다.

  • const list1=new Array(5)-> 변수 list1 안에 총 길이가 5인 배열 객체 들어감 (5개까지 값을 넣을 수 있는 변수 list1이 만들어짐)
  • list1[0]=“철수”;
list1[1]=“민수”;
list1[2]=“진수”;
list1[3]=“현수”;
list1[4]=“영수”;
  • 축약해서 쓰기
    const list1 =['철수','민수','진수','현수','영수’];
  • 💡 자바스크립트 index는 0부터 시작함(총 길이-1)
  • length 속성( Array 객체 내장 속성)
    -> 배열객체의 총 길이를 반환하는 속성

---

3️⃣ 조건문

▶︎ if문

‣ 기본 형식

if(조건){
	조건 만족할 때 실행할 실행문
}else{
	조건에 만족하지 않을 때 실행할 실행문
}

• 조건식을 참(true)으로 인식하는 경우
  -> 값이 있는 경우 / 논리연산이 참인 경우
• 조건식을 거짓(false)으로 인식하는 경우
  -> 0 (값이 없다고 인식) / 논리연산이 거짓인 경우 / undefined / null(빈 값) / “”(빈 문자열)

‣ 중첩문

if(조건식1){
}else if(조건식2){
}else if(조건식3){
}else if(조건식4){
}else{
}

▶︎ switch case문 (조건문, 선택문)

 switch(조건값){
	case 값1: 실행문; 
	break; //케이스값 밑에 꼭 break 있어야함, case 값이 일치하면 출력 멈춤//
	case 값2: 실행문;
	break;
	case 값3: 실행문;
	break;
	default : case 값에 해당하지 않았을 때 실행문;//if문 else와 유사//
	break;//default 밑의 생략 가능//
}

---

4️⃣ 반복문

▶︎ for문

• 반복문 중에 가장 많이 쓰임

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

for(var i=6;i>=1;i--){
document.write('<h'+i+'>'+'헤딩태그</h'+i+'>')
}

▶︎ while문

• 똑같은 프로세스를 (특정 조건값까지) 반복실행

while(조건식){
실행문;
증감식;
}

const i=1;
while (i<=50){
if(i%2==0  && i%7==0) document.write(i+'<br>')
i++;
}

▶︎ do while문

• 최종조건에 맞지 않더라도 do문으로 한번은 실행

const i=1;
do{
document.write(i+'<br>');
i++;
}while (i>5)