week 2_Javascript 1

1. 변수가 필요한 이유와 선언하는 방법

📌 변수가 필요한 이유?

• 효율성 : 중복을 줄이고, 간단하게 만듦
• 코드의 가독성 증대
• 코드의 재활용 : 수정, 유지, 보수의 편의성

📌 변수 선언하는 방법
선언(Declare)
: let myNum; const myString;

할당(대입, Assign)
: myNum = 100;

let myNum = 100;
//보통 선언과 할당을 동시에

2. 자바스크립트 데이터 타입의 종류

변수에 들어갈 수 있는 Data-type?

• 기본타입 : Number / String / Boolean / Undefined / Null
• 참조타입 : Object / Array / Function

1. Number(숫자)

   • '연산'가능

2. String(문자열)

   • string+number 혼합 사용 가능
   • ,(콤마)로 구분

3. Boolean(참/거짓)

   • true(1) / false(0)
   • 문자열과는 다름
   • 조건문과 연결

4. Undefined & Null (없음)
   둘 다 각각의 타입명의 유일한 값이다

• Undefined : 정의되지 않음

  • let myNum;
  • 선언 이후 값이 할당되지 않음
  • 초기화되지 않은 값
  • typeof(undefined) == undefined

• Null : 비어있는 값

  • let myNum = null;
  • 값은 값이지만 의미 없는 특별한 값이 할당되어 있음
  • null값을 넣어주어야 함
  • typeof(null) == object

5. Array(배열)

   • [ 'string', number, true, false ] 의 형태(대괄호)
   • 여러가지 데이터의 묶음
   • 여러 데이터 타입이 들어갈 수 있음

6. Object(객체)

   • { (key): 'value' } 의 형태(중괄호)
   • 여러가지 데이터의 묶음
   • array와의 차이점? key와 value가 존재

7. Function(함수)

 function myFunction(){
		let myNum = 100;
		return myNum
	}

3. number와 string의 메소드 각각 3개와 사용 방법

📌 매소드(Method) 사용 방법

(변수명).(메소드명)();
ex) num.toString();

• Number Methods
  1) .toString()
  - 정수값을 문자열값으로 변환.

  let x = 123;//num
  x.toString();//string "123"

  2) .toFixed()
  - 인수로 지정된 숫자까지 소수점 아래의 수를 표현. 지정된 숫자 아래에서 반올림.

  let x = 9.656;
    x.toFixed(0);// 10
    x.toFixed(2);// 9.66
    x.toFixed(4);// 9.6560

  3).isNaN()
  - 주어진 값이 NaN(숫자가 아님)인지 판별함.
  - 숫자일 때 : false / 숫자가 아닐 때 : true

     function typeOfNaN(x) {
   if (Number.isNaN(x)) {
     return 'Number NaN';
   }
   if (isNaN(x)) {
     return 'NaN';
   }
  }
  console.log(typeOfNaN('100F'));
  // expected output: "NaN"
  console.log(typeOfNaN(NaN));
  // expected output: "Number NaN"

• String Methods
  1)toUpperCase() / toLowerCase()
  - 문자열을 모두 대문자/소문자로 변환

  let text1 = "Hello World!";
  let text2 = text1.toUpperCase();//HELLO WORLD!
  let text3 = text1.toLowerCase();//hello world!
  

  2).slice()
  - 문자열 자르기
  .slice(num1, num2);
  - num1(시작 열)번째 부터 num2(끝 열)번째 까지 자르기.(num2는 포함 X)

  let str = "AppleBananaKiwi";
  let part = str.slice(5, 11); //Banana

  3).replace()
  - 문자열 대체하기(바꾸기)
  .replace("string1", "string2");
  - string1을 string2로 교환

  let text = "Please visit Microsoft!";
  text.replace("Microsoft","Google");
  // Please visit Google!

4. 함수가 필요한 이유

변수가 필요한 이유와 유사함.

• 재사용성 : 미리 정의된 함수를 호출만 하면 재사용 가능
• 유지보수 편의성 : 수정, 관리가 쉬워짐
• 가독성 : 코드 파악을 편하게 해주어 코드의 가독성 향상
• 신뢰성 : 여러번 중복해서 쓰지 않아 개발자의 실수를 줄여 코드의 신뢰성 향상

5. 함수의 정의와 호출의 차이점

📌 정의(선언)
사용자가 만든 함수를 컴퓨터에게 인식시키는 과정. 실행은 되지 않음.

Function myFunction(num){
	return num*2
}

📌 호출(실행)
사용자가 만든 함수를 불러와 실제 실행시키는 과정.

myFunction(4);

6. 조건문이 필요한 이유

💡 조건문은 왜 쓰나?
조건식의 평가 결과에 따라 코드를 실행할지, 하지 않을지 결정할 때 사용. 프로그램이 조건에 따라 다른 결과를 가져오도록 하기 위해 사용한다.

📌 조건문 문법

만약 ~~한다면 실행하라

if (조건식1) {
  // statement1
} else if(조건식2) {
  // statement2 
} else {    
  // statement3 
}

1. 조건식1 : 참(True)이면 if ➪ statement1 실행
2. 조건식1 : 거짓(False) / 조건식2 : 참(True)이면 else if ➪ statement2 실행
3. 조건식 1,2 모두 거짓(False)이면 else ➪ statement3 실행