[TIL_01] prestudy - Javascript1

구민기·2021년 10월 29일
0

TIL_WECODE_Pre-Course

목록 보기
1/17
post-thumbnail

01_console.log()

Javascript 에서 정보를 출력하는 명령어

console.log(100)              // 100
console.log("Hello world!")   // Hello world!
// 문자열은 "" 안에 적기

02_Variable (변수)

1. 변수

let myNumber = 100;

let myNumber 를 변수를 선언 했다고 표현
myNumber = 100 을 변수에 값을 할당,대입 했다고 표현

let myName = "wecode"  // 변수 선언 및 값 할당
console.log(myName)    // "wecode" 출력

2. 데이터 타입

기본타입

  • Number (숫자)
  • String (문자열)
  • Boolean (참/거짓)
  • Undefined (아직 value 값이 할당되지 않은 것)
  • Null (빈값,blank)

참조타입

  • Object (Key : value 로 구성된 배열, { }안에 구성)
  • Array ([ ]안에 정렬된 배열)
  • Function (함수)

03_String (문자열)

1. 문자열 합치기

console.log("Hello, " + "World!")    // "Hello, World!" 출력
console.log("Hello," + "World!")     // "Hello,World!" 출력
// +로 합칠 경우 띄어쓰기가 적용되지 않는다

console.log("2" + "2")    // 문자열 "22"출력
console.log(2 + 2)        // 숫자열 4 출력
console.log(2 + "2")      // 문자열 "22" 출력
console.log(2,"2")        //  2 2 출력   -- ,는 띄어쓰기 적용
                           // ㄴ 2 2 는 2(숫자) 2(문자) 이다.  

문자열 + 숫자열 의 결과는 문자열 !

2. 문자열 총 길이 구하기

  • 문자열.length
let str = "Hello, wecode!"
console.log(str.length)     // Hello, wecode! 의 글자수인 14가 출력

04_Function (함수)

1. 함수의 기본적인 형태

function sayHello(input) {
  console.log() ....
  return ...
}
  • function sayHello( ) - sayHello라는 함수를 선언
  • ( ) 안에는 input 값이 들어가는 자리
  • return 값은 함수의 output 값

2. return 값이 있는 함수

출력값은 있지만 리턴값이 없는 경우

function sayHello() {
  let friend = "code kim"
  console.log("hello! " + friend)
}
//sayhello()  // 출력됨
// 아웃풋(리턴) 값은 없지만 console.log에 의해 출력은됨

출력값은 없지만 리턴값은 있는 경우

function sayHello2() {
  let friend = "Code Kim"
  return "Hello! " + friend
}

sayHello2()  // 출력되는 것 없음

//리턴 값은 있지만 보여지는 것은 없음, 
//하지만 리턴값으로 특정 데이터값을 가짐

let myfriend = sayHello2()
//리턴 값은 특정 데이터값을 갖기때문에 변수에 할당 가능
console.log(myfriend)  // "Hello! Code Kim" 출력0

3. input 값이 있는 함수

매개변수(parameter) 와 인수(arguments)

function sayHello(name) {
  return "Hello, " + name
}
// name(input 자리) -> parameter(매개변수)
sayHello("wecode")  // "wecode" -> argument(인수)

두개의 input 값을 가지는 함수

function addNumber(num1, num2) {
  let result = num1 + num2
  return result
}

addNumber(100, 200)                 // 출력값은 없음, 리턴값은 가짐
console.log(addNumber(100, 200))    // 300 출력 -> 리턴 값이 출력됨

05_산술 연산자, 증가 연산자, 감소 연산자

1. 기본적인 연산자

  • (+) 덧셈
  • (-) 뺏셈
  • (/) 나눗셈
  • (*) 곱셈
  • (%) 나눗셈의 나머지

2. 증가 연산자 , 감소 연산자

function increment(){
  let myVar = 83;
  ++myVar
  return myVar;
}

console.log(myVar)   // 84

증가 연산자 , 감소 연산자 개념 - 참조 블로그 링크

06_조건문

1. 조건문의 기본 형태

/* <조건문의 형태>
if (조건문1){
  실행될 코드1
} else if (조건문2) {
  실행될 코드2
} else {
  실행될 코드3
}
*/

function isOkayToDrive(who) {
  // 함수의 인자가 SON -> NOPE
  // 함수의 인자가 DAD -> GOOD
  // 함수의 인자가 GRAND FATEHR -> BE CARFUL
  // who are you
  if (who === "son") {
    return "Nope!"
  } else if (who === "dad") {
    return "Good!"
  } else if (who === "grand father") {
    return "Be careful!"
  } else {
    return "Who are you?"
  }
}

2. Truthy / Falsy

Truthy - true 인것 같은 값, 참으로 평가되는 값

  • Truthy 값을 가지는 것 : Falsy 값을 제외한 것

Falsy - false 인것 같은 값, 거짓으로 평가되는 값

  • falsy 값을 가지는 것 :
    • false
    • 0
    • -0
    • 0n
    • " "
    • null
    • undefined
    • NaN(Not-A-Number)

0개의 댓글