본문 바로가기

코드잇15

모던자바스크립트 -문장/표현식/조건연산자- 문장(statements) - 어떤 동작이 일어나도록 작성된 최소한의 코드 덩어리 let x; //선언문 x = 3; //할당문 //조건문 if (x < 5) { console.log('x는 5보다 작다'); } else { console.log('x는 5와 같거나 크다');} //반복문 for (let i = 0; i < 5; i++) {console.log(i);} 끝에 문이라고 붙은 이유는 모두 동작을 수행하는 문장이기 때문 표현식(expressions) - 길이와 상관없이 결과적으로 하나의 값이 되는 코드 ex) 하나의 값, 연산자를 이용한 연산식, 선언된 변수 호출, 객체의 프로퍼티에 접근 //하나의 값 5 'string' //연산자를 이용한 연산식 'I' + ' Love ' + 'Codeit'.. 2023. 2. 24.
모던 자바스크립트 -Arrow Function, this- Arrow Function 1. 익명 함수를 간결하게 표현하는 문법(ES2015) 2. function 키워드를 지우고, 소괄호 오른쪽에 => 표현. 3. 모든 화살표 함수는 익명 함수이다. 따라서 4. 이름을 가진 변수에 할당하거나, 다른 함수의 아규먼트를 선언할 때 사용 5. Arrow Function에는 arguments객체가 없다. 따라서 arguments객체 사용하는 함수는 Arrow Function으로 대체하기 어렵다. 6. this가 가리키는 값이 일반 함수와 다르다. const getTwice = function(number) { return number * 2; }; console.log(getTwice(5)); const myBtn = document.querySelector('#myB.. 2023. 2. 22.
모던 자바스크립트 -파라미터, 아규먼트- 파라미터(Parameter): 외부로부터 값을 전달받기 위해 함수를 선언할 때 소괄호 안에 작성하는 것 함수 내부의 동작 부분에서 변수처럼 활용할 수 있다. function greeting(name){ console.log(`Hi! My name is ${name}`); } 아규먼트(Argument): 함수를 호출할 때 파라미터로 전달하는 값 greeting('sumin'); 파라미터 다루기 파라미터의 기본 값 : 파라미터에 할당 연산자로 값을 미리 지정(ES2015) 아규먼트를 생략하거나, 아규먼트가 undefined 값으로 전달될 때 동작 주의) 아규먼트가 파라미터로 전달될 때는 파라미터의 기본값과는 관계없이 함수를 호출할 때 작성한 순서 그대로 전달 function greeting(name = 's.. 2023. 2. 22.
모던 자바스크립트 -함수- 함수를 만드는 방법 1. 함수 선언(Function Declaration) - function키워드로 함수를 선언하는 방식 function 함수이름(파라미터) { 동작; return 리턴값; } 2. 함수 표현식(Function Expression) - 함수 선언을 값처럼 활용해서 함수를 만드는 방식 - ex) 변수에 할당, 다른 함수의 아규먼트로 활용 const msg = function(){ console.log('Hi'); } msg(); //변수에 할당한 모습이 point가 아닌 값처럼 활용한다는 것이 point +추가정보 표현식(Expression) - 결과가 하나의 값으로 표현되는 문장. 주로 식별자, 연산자, 리터럴 등으로 구성 문장(Statement) - 프로그래밍에서 실행 가능한 최소의 .. 2023. 2. 22.