프라이D
프라이Develog(❁´◡`❁)
프라이D
전체 방문자
오늘
어제
  • ALL (378)
    • TDD, Cleancode with JavaScr.. (5)
    • 프로젝트 (32)
      • work (3)
      • 직접 만드는 기술 블로그 (2)
      • 데일리 옥션 (19)
      • 모락모락 (8)
    • Computer Science (1)
    • Algorithm & 자료구조 (94)
      • 알고리즘 w.JavaScript (53)
      • 자료구조 (5)
      • (인프런) 자바스크립트 알고리즘 문제풀이 (34)
    • JavaScript (45)
      • JavaScript (41)
      • 모던 자바스크립트 Deep Dive (4)
    • WEB (13)
    • 회고 (12)
    • TIL (109)
    • WIL (7)
    • Stacks (20)
      • React.js (6)
      • Next.js (1)
      • Redux (3)
      • Node.js (2)
      • GIT (2)
      • SAP (1)
    • 15일 메이킹 프로젝트 (15)
    • 이전 기록 (14)
    • ETC. (5)
    • ---------------2021 (6)
      • 내일배움단-웹개발 5주 (2)
      • 정보처리기사 (4)

블로그 메뉴

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

공지사항

인기 글

태그

  • 자바스크립트
  • 내일배움단
  • 자바스크립트알고리즘
  • 코딩프로젝트
  • MySQL
  • 비트마스크
  • 코드스테이츠
  • nomadcoder
  • Til
  • JavaScript
  • 내일배움카드
  • 스파르타코딩클럽
  • nomadcoders
  • 모던자바스크립트딥다이브
  • 자바스크립트비트마스크
  • vanilaJS
  • 투포인터알고리즘
  • 알고리즘
  • 국비지원
  • 2023 인프콘 후기

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
프라이D

프라이Develog(❁´◡`❁)

JavaScript/JavaScript

[JS]2021-1016 (노마드코더 VanilaJS #2.9~2.16)

2021. 10. 20. 00:31

[Object, Function 복습]

const calculator = {
    add: function (a,b) {
        console.log(a+b);
    },
    minus: function(a,b) {
        console.log(a-b);
    },
    divide: function(a,b) {
        console.log(a/b);
    },
    powerOf: function(a,b) {
        console.log(a**b);
    }
}

calculator.add(10,5);
calculator.minus(10,5);
calculator.divide(10,5);
calculator.powerOf(10,5);

[Return]

return을 사용하는 이유 : 함수의 결과 값을 반환시켜 활용도를 높일 수 있다.

const calculator = {
    add: function (a,b) {
        return a+b;
    }

이 함수의 결과값을 담아두는 변수를 선언

const addResult = calculator.add(10,5); //object 밖에서 결과를 표현하기 위해 addResult에 결과값을 담아줌

결과 값이 담긴 이 변수를 활용해 다양한 것을 할 수 있다.

console.log(addResult); //그 결과를 console에 호출함

[Conditionals] 조건문 (if, else, else if)

prompt() : 사용자에게 입력창을 띄울 수 있게.. - message (string) 아주 오래되고 직접적인 방법.
type of : value의 type을 알 수 있음 (숫자열? 문자열?)
parseInt(); : string to interger 
숫자 : 크기비교
function ~ 내부에서 외부로 실행.

const age = parseInt( prompt("How old are you?") ); 
//입력창을 띄우고, 입력된 message 값을 str -> int로 변환

isNaN() : NaN인지 boolean(true?false?)으로 알려줌

if(isNaN(age)){ //(age)가 NaN이라면 (true라면)
    console.log("Please write a number"); // 이 내용을 출력 
} else {
    console.log("Thank you for writing your age"); //(aga)가 NaN이 아니라면(false라면) -> 숫자라면
}

**연산자
&& : and (true && true -> false) , (false && true -> false)
|| : or (false || true -> true)

if(isNaN(age) || age < 0){ // 내용이 true일 시 or age < 0일 시
    console.log("Please write a real positive number");
} else if(age < 18) { //if가 false이고 else if의 내용이 true일 시
    console.log("You are too young."); 
} else if(age >= 18 && age <= 50){ //두가지 조건이 모두 true (18 ~ 50)
    console.log("You can drink.")
} else if(age > 50 && age <= 80) { //51~80
    console.log("You shold exercise");
} else if ( age > 80) { //80 ~ 
    console.log("You can do whatever you want.");
}

 

저작자표시 (새창열림)

'JavaScript > JavaScript' 카테고리의 다른 글

[JS]2021-1107 localStorage - If 문으로 정보 저장 여부 확인  (0) 2021.11.07
[JS]2021-1107 localStorage - CSS,HTML 조작  (0) 2021.11.07
[JS]2021-1107 localStorage로 사용자 정보 저장  (0) 2021.11.07
[JS]2021-1104 form태그, event.preventDefault()  (0) 2021.11.04
[JS]2021-1016 (노마드코더 VanilaJS #2.0~2.8)  (0) 2021.10.18
    'JavaScript/JavaScript' 카테고리의 다른 글
    • [JS]2021-1107 localStorage - CSS,HTML 조작
    • [JS]2021-1107 localStorage로 사용자 정보 저장
    • [JS]2021-1104 form태그, event.preventDefault()
    • [JS]2021-1016 (노마드코더 VanilaJS #2.0~2.8)
    프라이D
    프라이D
    틀린내용 정정 및 개선사항은 언제든지 댓글 달아주세요 :D

    티스토리툴바