[Note] 4 Javascript_1

📍Javascript 쌩! 기초
console.log()부터 변수, 문자열, 함수까지

01_Console.log

console.log()
콘솔에 원하는 값을 출력

console.log('문자') -> console.log('hi')
console.log(숫자) -> console.log(100)
console.log(Boolean값) -> console.log(true)

02_Variable

variable
= 변수
= 데이터를 담을 수 있는 대상

선언(Declare) : let myNum;

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

let myNum = 100;

//보통 선언과 할당을 동시에

---

변수에 들어갈 수 있는 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 (없음)

5. Array(배열)
   • [ 'string', number, true, false ] 의 형태
   • 여러가지 데이터의 묶음
   • 여러 데이터 타입이 들어갈 수 있음
6. Object(객체)
   • { (key): 'value' } 의 형태
   • 여러가지 데이터의 묶음
   • array와의 차이점? key와 value가 존재
7. Function(함수)

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

03_String

• 문자열 합치기 : '+' operator 사용

  • 'string1'+'string2'
  • ' ' : 빈칸, 띄어쓰기
  • 문자열+숫자 = 문자열이 된다⭐️

• 문자열의 총 길이 구하기

  • console.log('string'.length)
  • console.log(변수.length)

04_Function

Input ➪ FUNCTION ➪ Output
어떠한 입력값을 받아 기능을 수행하고 결과를 출력하는 과정
- Input이나 Output이 없이 기능만 수행할 수도 있음

정의(선언)

• 함수 이름 짓기
• 함수의 기능 만들어주기

Function sayHello(함수이름) (Input){
	console.log('Hello, Code Kim!)
    }
//input은 없다면 비워도 됨

호출(실행)

• 해당 기능을 해야하는 위치에 함수를 불러오기
• ⭐️선언만 하고 호출하지 않으면 함수는 동작하지 않음⭐️
  꼭 호출하세요 ~!

sayHello();

---

1. input(parameter)이 있는 함수

• Data type : 'String'

  function sayHello (name){
      console.log(name)
      console.log('Hello, ' + name)
  }
  
  sayHello('I am MJ')
  //I am MJ
  Hello, I am MJ

• Data type : 'Number'

  function myNumbers (Num){
      console.log(Num*Num)
  }
  
  myNumbers(5)
  //25

• input 값 여러개도 가능!

  function myNumbers (Num1, Num2){
      console.log(Num1+Num2)
  }
  
  myNumbers(1,2)
  //3
  

2. return이 있는 함수

• return X

  function myNumbers1 (Num){
      console.log(Num*Num)
  }
  //return값 없음
  
  myNumbers1(5)
  // console에 25 출력 🅾️
  console.log(myNumbers1(5))
  // 25 (myNumbers1(5) 함수 안에서 찍은 것)
  undifined (함수의 return값이 없이 함수가 그냥 종료, 최종 console.log를 실행하면 undifined)

• return O

  
  function myNumbers2 (Num){
  
      return Num*Num
  }
  //return값 있음
  
  myNumbers2(5)
  //myNumbers2(5) = 25의 return값을 지님.
  but, console에 출력 ❌
  
  console.log(myNumbers2(5))
  //console에 25 출력 🅾️
  

💡 따라서, return값을 가지면 함수 자체에 value가 생김!!!