자바스크립트
-
[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. 마지막으로 중괄호를 열어서 함수 본문을 작성하면 된다. 함수 호출 이렇게 선언한 함수는 함수 이름 뒤에 소괄호를 붙여 호출할 수 있다. // 함..
-
[JavaScript] 자바스크립트 배열(Array) 이해하기 - 2프로그래밍 이야기/JavaScript 공부 2020. 5. 17. 05:07
[JavaScript] 자바스크립트 배열(Array) 이해하기 - 1에 이어서 계속해서 배열에 대해 정리해보자. 배열 요소 추가하고 수정하기 배열에 요소를 추가하는 방식은 객체와 비슷하다. 배열 내에서 원하는 index에 접근하고, 값을 할당하면 되는데, 값이 존재하지 않았던 index에 접근해서 값을 할당하면 추가가 되고 이미 값이 존재하던 index에 접근해서 값을 할당하면 수정이 된다. let arr = []; // 요소 추가 arr[0] = '김'; arr[1] = '나'; arr[2] = 'Big'; arr[3] = '이'; console.log(arr); // (4) ["김", "나", "Big", "이"] // 요소 수정 arr[2] = '박'; console.log(arr); // (4) ..
-
[JavaScript] 자바스크립트 배열(Array) 이해하기 - 1프로그래밍 이야기/JavaScript 공부 2020. 5. 12. 13:26
객체를 활용하면 다양한 속성을 만들어서 하나의 객체에 여러 가지 값을 담아낼 수 있다. 여러 가지 값을 담을 수 있다는 특징 하나만으로도, 정말 다양한 작업을 가능하게 해 주지만, 아쉽게도 객체의 속성들은 일정한 순서를 가지지 않는다. 다시 말해, 객체 안에 다양한 값들이 존재하지만 그 값들끼리는 어떤 연관성을 가지기가 어렵다. 그래서 순서가 있는 값들의 집합을 만들고 싶을 때는 배열(Array)이라는 것을 활용하면 된다. 자바스크립트에서 배열도 객체의 한 형태로 분류되지만, 일반적인 객체와는 조금 다른 형태의 객체다. 배열 선언 let arr1 = new Array(); let arr2 = []; 객체는 이렇게 두 가지 방법으로 생성할 수 있는데, 중괄호를 열고 닫는 식으로 객체를 많이 생성하듯이 배열..
-
[JavaScript] 자바스크립트 for 반복문 이해하기프로그래밍 이야기/JavaScript 공부 2020. 5. 11. 00:05
while반복문과 마찬가지로 자바스크립트에서 반복 동작을 만들 수 있는 for반복문에 대해서 살펴보자. 기본구조 for반복문은 while에 비해서 문법이 상대적으로 더 복잡하지만 while문보다는 훨씬 더 많이 쓰이는 반복문이다. for (초기화; 반복조건; 동작후동작) { 동작 } for반복문도 while반복문과 마찬가지로 기본적인 구조를 보면 시작하는 키워드만 다를 뿐 흡사 if문과 비슷하다. 다만 조금 다른 점이라고 하면 for라는 키워드로 시작해서 그 이후 소괄호에 작성하는 내용들이 조금 복잡해 보인다. 하나씩 살펴보자. 1. 초기화 초기화 부분은 반복문이 실행될 때 가장먼저, 그리고 딱 한번 실행되는 코드이다. 일반적으로 반복을 카운트할 카운터 변수를 생성하는데 많이 쓰인다. 여기서 생성하는 변..
-
[JavaScript] 자바스크립트 while 반복문 이해하기프로그래밍 이야기/JavaScript 공부 2020. 5. 10. 01:23
프로그램을 만들다 보면 일정한 패턴을 가진 동작들을 반복적으로 수행해야 할 때가 있다. 예를 들어 콘솔에 1부터 10까지 숫자를 출력하는 경우를 보면, 일정하게 숫자 1이 증가하는 패턴을 가지고 있다. console.log(1); console.log(2); console.log(3); console.log(4); console.log(5); console.log(6); console.log(7); console.log(8); console.log(9); console.log(10); 이렇게 무작정 1부터 10까지 콘솔에 출력하기 보다는, 일정한 패턴을 찾아서 반복문을 활용하면 훨씬 더 효율적인 코드를 작성할 수 있다. 자바스크립트에서 코드를 반복하는 방식은 여러 가지가 있지만, 오늘은 while 반복에..
-
[JavaScript] 자바스크립트 switch문 조건문 이해하기프로그래밍 이야기/JavaScript 공부 2020. 5. 8. 02:08
if문과 삼항 연산자 외에 자바스크립트에서 조건에 따라 다른 동작을 하는 것이 하나가 더 있었다. 바로 switch문이다. 조건식을 두고 조건의 진위 여부에 따라 동작을 수행하는 if문과는 다르게 switch문은 어떤 값을 가진 대상을 두고 조건값과 일치하는지를 확인하고 동작을 수행하는 방식이다. 문법 문법은 다음과 같다. switch (대상) { case 조건값1: 동작 break; // 생략가능 case 조건값2: 동작 break; // 생략가능 // ... default: 동작 } switch라는 키워드 뒤에 소괄호를 열어 비교할 대상을 작성하고, 중괄호로 블록문을 만든다. 블록문 안에 한 번 들여 써서 case 키워드를 작성하고 조건값을 입력한 뒤 콜론(:)으로 case문의 끝 지점을 구분해 준다..