바닐라 JS 챌린지 3일차

소재현·2022년 7월 6일
0

바닐라 JS 챌린지

목록 보기
3/5

2 WELCOME TO JAVASCRIPT

오늘 하루종일 딴짓하다가 챌린지를 벌써 포기할뻔했다... 나머지 정리는 내일해야겠다.. 아니 오늘이구나 흐아아아 할일은 미리미리 미루지말자...후


2.7 Functions part One(함수_1)

  • function은 계속 반복해서 사용할 수 있는 코드 조각이다.
  • function은 () 괄호가 필요하다.(실행버튼) 괄호 두 개가 function을 실행하는 방법이 된다.
  • argument(인수)는 function을 실행하는 도안 정보를 function에게 보낼 수 있는 방법으로, 소괄호 안에 위치한다.

2.8 Functions part Two(함수_2)

  • 기본함수로 데이터를 받을때

  • 객체 안에 함수를 정의 할 때 functionName : function(){}형태

2.9 Recap(복습)

  • const:변하지 않는 데이터 값을 설정할때 사용
  • let 업데이트를 해야하는 데이터 값을 설정할때 사용
  • boolean은 딱 두 가지 옵션만 있다. ture, false.
  • null은 아예 '비어있음을 정의'해버리는것
  • undefinde는 변수에 값을 부여하지 않은 상태.
  • array 만들기
    ex)
    const days = [1, 2, "안녕하세요" , 'abc' , false , null]
    호출시에는 ? console.log(days[2]) // 인덱스 2번인 "안녕하세요"가 로그에 출력된다 숫자를 셀때 0,1,2,3,0부터시작

2.10 Recap II(복습2)

  • 객체 란 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 형식입니다
  • function은 계속 반복해서 사용할 수 있는 코드 조각이다.
  • function은 () 괄호가 필요하다.(실행버튼) 괄호 두 개가 function을 실행하는 방법이 된다.

2.11 Returns

  • return을 통해 함수를 호출한 사람에게 다시 주어서 그걸 갖고 또 다른 함수를 호출하는데 쓴다

2.12 Recap

  • 한번 return을 하면 해당 함수는 끝난다!
    그렇기 때문에 return뒤에 작업을 한다면 출력되지 않는다!
  • return은 말 자체로 다시 돌려준다라는 의미로
    해당 함수의 변수값을 지정해주면 해당code를 안에서 실행해서
    그 결과값을 해당 함수의 변수값을 선언한 변수한테 돌려주는것이다

2.13 Conditionals(조건문)

  • prompt();라는 함수는 사용자에게 창을 띄어 값을 받는다
    • prompt();를 사용하면 답을 할때까지 코드의 실행을 멈추고, 매우 오래된 방법이고 css로 바꾸지도 못한다
    • typeof라는 키워드를 쓰면 type를 볼 수 있는데, prompt();에서 숫자를 입력해도 string이라고 뜬다. string이 디폴트이기 때문이다.
  • string-->number로 변환해주는 함수 parseInt();
    • console.log(typeof "15", typeof parseInt("15")); --> string number
      이렇게 숫자로 변환이 되야 비교를 할 수 있다.
      참고로 "숫자"가 아닌게 입력되면 변환이 안된다. NaN(not a number)

2.14 Conditionals part Two


0개의 댓글