함수
-
[JavaScript] 자바스크립트 메서드 (Method) 가볍게 이해하기프로그래밍 이야기/JavaScript 공부 2020. 6. 11. 18:30
메서드(method)란? 때로는 메소드라고 불리기도 하는 메서드는 어떤 객체가 가지고 있는 어떤 동작을 말한다. 언어마다 조금씩 의미가 다르긴 하지만 자바스크립트에서는 일반적으로 객체 안에 프로퍼티로 정의된 함수를 메서드라고 부른다. 메서드 만들기 객체 안에 메서드를 만들어 보자. 메서드는 간단하게 [JavaScript] 자바스크립트 객체(Object) 이해하기 - 1에서 정리한 것 처럼 객체를 정의할 때 프로퍼티 값으로 함수를 선언하는 것으로 만들 수 있다. const bigtop = { sayHi: function() { console.log('Hi!?'); } }; 당연히 화살표 함수로도 정의할 수 있다. const bigtop = { sayHi: () => { console.log('Hi!?');..
-
[JavaScript] 자바스크립트 화살표 함수(Arrow Function) 가볍게 이해하기프로그래밍 이야기/JavaScript 공부 2020. 6. 7. 00:41
화살표 함수(Arrow Function)란? ECMA2015 이후에 등장한 화살표 함수는 기존의 방식보다 상대적으로 함수를 좀 더 간결하게 표현하는 새로운 방식이다. 이름에서도 유추할 수 있듯이 화살표 함수는 화살표 모양의 => 기호를 사용한다. 화살표 함수도 생각보다 다뤄야 할 것들이 많은데, 이번 포스트에서는 화살표 함수에 대해서 가볍게만 정리해보자. 기본 문법 화살표 함수는 함수 표현식에 사용되는데 function 키워드 대신에 화살표 모양의 기호를 소괄호 뒤에 작성한다. // 일반 함수 표현식 let myFunction = function (파라미터1, 파라미터2, ...파라미터들) { return '이것은 함수 표현식 입니다.'; } // 화살표 함수 표현식 let myArrow = (파라미터1..
-
[JavaScript] 자바스크립트 호이스팅(Hoisting) 가볍게 이해하기프로그래밍 이야기/JavaScript 공부 2020. 5. 28. 02:07
호이스팅도 스코프와 마찬가지로 이를 좀 더 명확하게 이해하려면 scope의 깊은 개념과 자바스크립트의 실행 문맥을 이해한 상태에서 살펴보는 것이 좋지만, 그런 부분을 이해하기에는 생각보다 많은 배경지식들이 필요하다. 하지만, 그냥 가볍게 호이스팅이 어떠한 현상인지 정도만 이해해도 코드를 작성하거나 다른 개념들을 이해하는 데에 생각보다 적잖이 도움이 되기에 이 포스트를 작성하게 되었다. 호이스팅(Hoisting)이란? 호이스트를 구글에 검색해보면, 위키백과에서 '호이스트는 로프 또는 체인이 감싸는 드럼 또는 리프트 휠을 사용하여 하중을 들어 올리거나 내리는 데 사용되는 장치입니다.'라고 알려준다. 이와 비슷한 의미로 자바스크립트에서는 선언문을 끌어올리는 동작을 호이스팅(Hoisting)이라고 부른다. 자바..
-
[JavaScript] 자바스크립트 함수 표현식(function expressions) 이해하기프로그래밍 이야기/JavaScript 공부 2020. 5. 23. 21:08
[JavaScript] 자바스크립트 콜백 함수(callback) 가볍게 이해하기에서 함수는 일급객체라는 말을 했었다. 그리고 일급객체의 특징을 몇 가지 정리했었는데 결론적으로는 자바스크립트의 함수는 특별한 종류의 값으로 취급될 수 있다는 것이었다. 함수 표현식(function expressions)이란? 다음 코드를 살펴보자. let sayHello = function() { console.log("Hello!"); }; 이렇게 어떠한 표현식에 함수를 선언하는 방식을 함수 표현식(function expressions)이라고 한다. 값으로써의 함수 위의 코드를 보면 hello를 콘솔에 출력하는 함수를 sayHello라는 변수에 할당했다. 함수가 sayHello라는 변수에 값으로 할당된 것이다. 이렇게 변수..
-
[JavaScript] 자바스크립트 콜백함수(callback) 가볍게 이해하기프로그래밍 이야기/JavaScript 공부 2020. 5. 19. 19:53
자바스크립트의 함수는 일급 객체다. 처음 접하는 사람에겐 다소 생소할 수 있는 용어다. 궁금하다면 일급객체를 좀 더 찾아 볼 수 있겠지만, 간단하게 자바스크립트에서 함수는 1. 변수나 데이터안에 담길 수 있고 2. 매개변수로 전달 할 수 있고 3. 반환 값으로 사용할 수 있고 4. 실행도중에 생성될 수 있다 정도의 특징을 기억하면 좋을 것 같다. 콜백함수는 이 중에서 두번째 특징을 활용한 내용이다. 콜백함수란? 콜백함수는 간단하게 다른 함수에 매개변수로 넘겨준 함수를 말한다. 매개변수로 넘겨받은 함수는 일단 넘겨받고, 때가 되면 나중에 호출(called back)한다는 것이 콜백함수의 개념이다. function checkGang(count, link, good) { count < 3 ? link() : ..
-
[JavaScript] 자바스크립트 함수(Function) 이해하기프로그래밍 이야기/JavaScript 공부 2020. 5. 18. 00:37
프로그램을 작성하다 보면 일정한 동작들을 여러 번 반복해야 될 때가 있다. 한 순간에 똑같은 동작을 반복해야한다면 반복문을 활용하면 되지만, 특정한 지점에서 필요할 때 순간순간 동작하길 원한다면 함수를 활용하면 된다. 그동안 계속해서 사용하던 console.log도 함수인 것이다. 함수 선언 함수선언은 다음과 같이 하면 된다. function 함수명(매개변수) { 함수본문 } 1. function이라는 선언자를 작성한 다음 2. 함수 이름을 작성하고 3. 소괄호를 열어서 매개변수를 작성한다. (매개변수 생략해도 되지만, 소괄호는 반드시 열고 닫아야 한다.) 4. 마지막으로 중괄호를 열어서 함수 본문을 작성하면 된다. 함수 호출 이렇게 선언한 함수는 함수 이름 뒤에 소괄호를 붙여 호출할 수 있다. // 함..