JavaScript 5

JavaScript 함수와 객체

함수란? 함수란 작업을 수행하거나 값을 계산하는 명령문의 집합. 재사용 가능한 영역을 정의하고, 정보영역을 캡슐화하는데 사용되는 구문 함수를 사용하려면 호출(call) 해야 함. 함수의 선언식과 표현식 자바스크립트에서는 함수 선언문(function declaration) 과 함수 표현식(function expression) 두가지 방법으로 함수를 정의할 수 있음 함수 선언문선언식으로 선언했을때는 window 객체에 포함되어있는 하나의 메소드 형태가 됨 객체에 담겨있는 함수 선언식의 장점은 어디에 언제 어떻게 배치하더라도 실행된다는 것 function functionName(parameter1, parameter2, ...){ // function body } 함수 표현식 let 또는 const 키워드로 ..

WEB/vanilla.js 2023.03.22

JavaScript 조건문과 반복문

조건문 if: 만약 조건이 참이면 실행 else: 만약 조건이 거짓이면 실행 else if: 만약 첫번째 조건이 거짓이고 다른 조건이 참이면 실행 삼항연산자 condition? expressionIfTrue : expressiontIfFalse;반복문 for for / in for / of while do / while for 문 for (let i = 0; i < 5; i++){ console.log(i); }for (let i = 0, j = 0; i < 10 || j < 5; i += 2, j+=3){ console.log(i,j); } //0 0, 2 3, 4 6, 6 9, 8 12, for / in 문 let person = {name: "Alice", age: 20, hobby: "coddin..

WEB/vanilla.js 2023.03.22

JavaScript 연산자와 표현식

1. JavaScript의 연산자 산술 연산자 var x = 10; var y = 3; console.log(x + y); //13 console.log(x - y); //7 console.log(x * y); //30 console.log(x / y); //3.3333333333333335 console.log(x % y); //1 (나머지) console.log(x ** y); //1000 (거듭제곱) 대입 연산자 var x = 10; //x에 10을 대입 var y = x; //y에 x의 값을 대입 console.log(y); //10 할당 연산자 +=, -=, *=, /= a &&= 10 a = a && 10 // a가 truthy 하면 10을 대입 a = 0 &&10 // a=0 a = 0 ||..

WEB/vanilla.js 2023.03.22

JavaScript 변수와 데이터 타입

1. JavaScript의 변수 var let const 업데이트 가능 업데이트 가능 읽기 전용 전역변수 지역변수 지역변수 hoisting block scope block scope var 는 구 방식으로 현재는 var 보다 let 과 const 를 주로 사용 const 는 let 과 마찬가지로 블록 스코프(block scope)를 가지며, var 와 달리 호이스팅(hoisting)이 일어나지 않음. 참고) console.dir CLI 는 객체를 온전히 보여주지 못할 때가 있음 [Object] [Object] 형태로 보여줌 이때 console.dir를 하면 객체의 형태로 보여줌 2. JavaScript의 데이터 타입 2-1) 원시형 데이터 타입 특징 값 자체가 메모리에 저장됨 기본 타입은 불변성을 가짐 ..

WEB/vanilla.js 2023.03.22

JavaScript란?

JavaScript는 JavaScript 는 웹 페이지에서 복잡한 기능을 구현할 수 있도록 하는 프로그래밍 언어(high level language)입니다. JavaScript는 웹을 풍성하고 동적으로 만들어주는 작고 가벼운 언어 JavaScript is suck 스크립트: JavaScript로 작성된 프로그램 스크립팅 언어 동적인 HTML문서를 만들기 위해 웹 서버 안에 포함되어 응용 소프트웨어를 제어하는 서버 측 웹프로그래밍 언어의 통칭. 인터프리터 언어 컴파일 불필요 시스템과 직접적으로 시그널을 주고받지 않음 실행하면 바로 결과를 보여줌 널리 사용됨 stackoverflow js의 최상위 객체: window js 자체가 브라우저에서 돌아가는 목적으로 생성되었기 때문에 window라는 최상위 객체가 ..

WEB/vanilla.js 2023.03.13
반응형