Frontend Dev/JavaScript (17) 썸네일형 리스트형 함수의 매개변수(parameter)와 인수(argument 전달인자) 👾 매개변수(parameter) 함수의 매개변수란 함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수로 전달된 매개변수는 해당 함수의 지역변수가 된다. 💬 자바스크립트에서 함수를 정의할 때는 매개변수의 타입을 따로 명시하지 않는다. 함수를 호출할 때도 인수로 전달된 값에 대해 어떠한 타입 검사도 하지 않는다. 함수를 호출할 때 함수의 정의보다 적은 수의 인수가 전달되더라도, 다른 언어와는 달리 오류를 발생시키지 않고, 전달되지 않은 나머지 매개변수에 자동으로 undefined 값을 설정한다. function greeting(name) { console.log("hello, " + name); } greeting("Anna"); // hello, Anna 👩🏻💻 example fun.. 자바스크립트의 자료형 - 원시 타입(primitive type)과 객체 타입(object type)의 특징 👾 원시 타입(primitive type) 변수에 할당시 메모리 공간에 값 자체가 저장된다. 원시 값을 갖는 변수를 다른 변수에 할당하면 원시 값 자체가 복사되어 전달된다. (pass-by-value) → 원본을 변경해도 복사본에 영향을 미치지 않는다. 원시 값은 Immutable value(변경 불가능한 값). 즉, 한 번 생성된 원시 자료형은 읽기 전용(read only) 값이다. → 변수에 다른 값을 재할당시 새로운 원시값이 생성되며, 변수가 다른 메모리 공간을 참조한다. 그리고 기존에 사용하지 않는 값은 자동으로 메모리에서 삭제된다. (JavaScript의 가비지 콜렉터(garbage collector) 작동) 👾 객체 타입(object/reference type) 변수에 할당시 저장 공간을 참조.. 자바스크립트의 자료형 (data type) 👾 타입(data type, 자료형) 이란? C나 Java와 같은 언어는 정적 타입(static type) 언어로 변수 선언 시 변수에 저장할 값의 종류를 사전에 타입 지정(Type annotation)하여야 한다. 반면 자바스크립트는 변수의 타입 지정 없이 값이 할당되는 과정에서 자동으로 타입이 결정되는 ‘동적 타입(dynamic type)’ 언어이다. 변수 선언시 메모리에 값을 저장하기 위해서는 먼저 메모리 공간을 확보해야 할 메모리의 크기(byte)를 알아야한다. 이는 값의 종류에 따라 확보해야 할 메모리의 크기가 다르기 때문이다. 이때 값의 종류, 즉 데이터의 종류를 데이터 타입(data type)이라 한다. → 기본 타입은 크게 원시 타입과 객체 타임으로 구분할 수 있다. → 각 타입은 고유한 .. 자바스크립트 ES6 화살표 함수 기본 화살표 함수란 함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법으로, 화살표 함수라는 이름은 문법의 생김새를 차용해 지어졌다. // 화살표 함수 let func = (arg1, arg2, ...argN) => expression // 함수 표현식 let func = function(arg1, arg2, ...argN) { return expression; } → 인자(arg1 ...argN)를 받는 함수 func가 만들어지고, 함수 func는 화살표(⇒) 우측의 표현식(expression)을 평가하고, 평가 결과를 반환한다. 👾 화살표 함수로 함수를 정의할 때 생략할 수 있는 규칙 1. 매개변수가 한 개일 때, 소괄호()를 생략할 수 있다. // 매개변수가 한 개일 때, 소괄호를 생략할.. 자바스크립트 반환(return)문 사용하기 👾 반환(ruturn)문이란? 자바스크립트에서는 함수를 호출했을 때 함수를 호출한 곳에 특정 값을 반환하게 할 수 있는데, 이 특정 값을 반환 값(return value)이라고 한다. 반환값을 통해 함수에서 실행된 결과를 전달받을 수 있다. function sum(x, y) { return x + y; // 반환문 } let result = sum(1, 2); console.log(result) // 3 → return문의 결과는 함수 외부로 반환되고, 함수 외부에서 함수의 실행결과를 확인할 수 있다. 👩🏻💻 example function examPass(name, html, css, js){ let comment = name + '학생은 '; if (html >= 60 && css >= 60 && j.. 함수 정의 방식 : 함수 선언문(function declaration)과 함수 표현식(function expression) 자바스크립트에서 함수를 정의하는 방식은 크게 함수선언문(function declaration)과 함수 표현식(function expression)으로 나눌 수 있다. ✏️ 전체 글을 공부하기에 앞서 요약하자면, 함수 선언문(function declaration)은 함수 이름과 함수 내용을 포함하는 방식으로 함수를 정의한다. 이 방식은 코드 어디에서든 호출할 수 있으며, 호이스팅(hoisting)이라는 개념에 따라 함수 선언문을 나중에 작성해도 코드 상단으로 이동하여 먼저 실행된다. 함수 표현식(function expression)은 변수에 함수를 할당하는 방식으로 함수를 정의한다. 이 방식은 변수에 할당된 함수를 호출하는 방식으로만 사용할 수 있다. 함수 표현식은 변수에 값을 할당하는 것과 동일하게 처리.. JavaScript에서 함수(function)란 무엇일까? 👾 함수(function)란? 자바스크립트에서 함수는 하나의 기능을 수행하는 코드 블록이며, 재사용 가능한 코드를 작성하는 데 중요한 역할을 한다. 함수는 인자를 받아들이고 실행할 코드 블록 내에서 처리를 수행한 다음 결과를 반환할 수 있다. 함수는 일반적으로 이름, 매개변수, 실행할 코드 블록 및 반환값으로 구성되고, 함수를 호출하면 코드 블록이 실행되고 반환값이 호출자에게 반환된다. // 함수선언과 호출 문법 // 1. 매개변수를 안넣고 만드는 방법 function 함수명(){ // 함수가 호출되었을 때 실행하고자 하는 실행문; } 함수명(); // 2. 매개변수를 넣고 만드는 방법 function 함수명(매개변수1, 매개변수2...){ // 함수가 호출되었을 때 실행하고자 하는 실행문; } 함수명(.. 비교연산자(comparison operator)와 논리연산자(logical operator) 연산자(operator)는 값을 비교하거나 연산하여 새로운 값을 생성하는데 사용되며, 자바스크립트에서는 다양한 연산자를 사용할 수 있다. 자바스크립트에서 사용가능한 연산자로는 산술 연산자, 비교 연산자, 논리 연산자, 대입 연산자, 증감 연산자, 비트 연산자 등이 있으며 이번 글에서는 비교연산자와 논리연산자에 대해서 알아보고자 한다. 👾 비교연산자(comparison operator) 비교연산자는 피연산자 사이의 상대적인 크기를 판단하여, 참과 거짓을 반환한다. a == b a와 b가 같다. a === b a와 b가 데이터 타입까지 같다. a != b a와 b가 다르다. a !== b a와 b가 데이터 타입까지 같지 않다. a > b a는 b보다 크다. a = b a는 b보.. 이전 1 2 3 다음
