에이블디 공식 블로그

안녕하세요 여러분! 에이블디 입니다! 이번 시간에는 매개변수와 인수에 대해 알아보려고 해요! 지난 시간에 함수에 대해 배워보면서 함수는 자주 사용하는 기능에 필요한 여러 가지 코드를 하나의 함수에 넣어서 만들어 사용한다는 것 기억하시나요? 그런데 지난 시간에 예제 코드에서는 함수를 호출할 때마다 '1 + 1'의 고정된 수식을 가지고 실행했기 때문에 '2'라는 고정값밖에 출력을 할 수 없었는데요, 이번 시간에는 함수를 여러 번 재사용할 수 있도록 매개변수와 인수에 대해 배워보는 시간을 가져볼게요! 재사용이 가능한 두 수를 더하는 함수를 선언하기 위해서는 더해줄 값 두 개가 필요하겠죠? 그래서 값 두개가 필요하다고 미리 지정을 해 두어야 하는데요, 이렇게 함수를 실행하기 위해 필요하다고 지정하는 값을 매개변..

안녕하세요 여러분! 에이블디 입니다! 이번 시간에는 함수(function)에 대해 알아볼 거예요! 함수는 자주 실행해야 하는 기능에 필요한 여러 가지 코드를 사용자가 직접 하나의 함수에 넣어서 만들어 사용하는 것인데요, 함수에 별도의 이름을 붙여 개발자가 필요할 때마다 해당 함수를 실행할 수 있습니다. 그리고 함수는 개발자가 직접 만들어 사용할 수도 있지만 자바스크립트에서 미리 만들어져 개발자들이 가져다 사용할 수 있는 내장 함수도 있습니다. 그럼 간단한 함수를 직접 만들어 사용해 볼까요? 숫자를 더해주는 기능을 가진 함수를 만들어 보도록 하겠습니다! 함수를 작성할 때는 function을 사용하고, 중괄호({}) 안에 함수에서 실행할 여러 코드를 작성해주면 됩니다! 숫자를 더해주는 기능을 하진 함수니까 ..

안녕하세요 여러분! 에이블디 입니다! 이번 시간에는 반복문을 중단하거나 특정 지점에서 반복문의 시작 지점으로 되돌아가는 방법에 대해 알아볼 거예요! 먼저 반복문을 중단하고 싶을 때에는 break문을 사용해 주시면 됩니다! for문으로 간단하게 1부터 10까지 출력하는 코드를 짜 볼 텐데요! 여기에 break문을 사용해 보겠습니다! for(var i = 1; i

안녕하세요 에이블디 입니다! 이번 시간에는 지난 시간에 이어서 다른 반복문을 배워보도록 하겠습니다! 지난 시간에 배운 for문은 카운터 변수를 기준으로 조건에 따라 반복했던 것 기억나시나요? 이러한 특징 때문에 for문은 횟수가 정해져 있는 반복을 할 때 편리합니다. 반면에 특정 조건을 만족하는 동안에만 반복을 하는 반복문이 있는데요, 바로 while문과 do - while문입니다! while문은 소괄호 안의 조건이 만족할 때 중괄호 안의 명령을 반복 실행합니다. 예제를 보면서 알아볼까요? 지난 시간과 동일하게 1부터 10까지 출력하는 프로그램을 만들어 보도록 하겠습니다! var number = 1; while(number

안녕하세요! 에이블디입니다! 이번 시간에는 반복문에 대해서 배워보려 해요! 여러분! 콘솔 창에 1 - 10까지 출력을 해야 한다고 가정해 볼게요. 그럼 아래와 같은 코드를 써야 하겠죠? 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까지 콘솔에 출력된 걸 확인할 수 있습니다! 그럼 1 - 100까지를 출력해야 한다면 어떨까요? console.log()를 100개를 작성해야겠죠? 1-100만은요? 역시 console.lo..

안녕하세요 여러분! 에이블디 입니다! 이번 시간에는 조건문 중의 하나인 switch - case문에 대해 알아보도록 해요! 프로그램을 만들다 보면 여러 가지 조건을 줘야 하는 상황이 생기는데요, 이럴 때 지난 시간에 배웠던 if - else문을 여러 번 중첩해서 사용할 수도 있지만, 이렇게 하면 if - else문이 계속 중첩되기 때문에 코드가 길고 지저분해지고, 나중에 오류를 찾기도 힘들어집니다. 그래서 조건이 3개 이상이 되면 if - else문보다는 switch - case문을 사용하는 것이 더 편리한데요, 지금부터 switch - case문에 대해 알아보도록 하겠습니다. 지금부터 number라는 변수의 숫자 값이 변할 때마다 결과가 달라지는 switch - case문을 짜 볼 텐데요! 사용법은 간..

안녕하세요 여러분! 에이블디 입니다! 이번 시간에는 지난 시간에 이어서 조건 연산자에 대해 알아보도록 하겠습니다! 지난 시간에는 if - else문으로 조건을 주어 코드를 실행하는 방법에 대해 알아보았는데요! if - else문은 조건을 여러 가지를 줄 수도 있었던 것 기억하시나요? 이번 시간에는 만약 조건이 하나이고 조건을 만족하거나 만족하지 못할 때 실행할 코드도 하나라면 if - else문 대신에 간단하게 조건 연산자를 사용할 수 있는데, 이 조건 연산자에 대해 배워보도록 할게요! 조건 연산자는 기호 ? 와 :로 이루어져 있습니다. 조건 연산자를 사용하는 방법은 ? 기호 왼쪽에 조건을 작성하고 : 기호 왼쪽에는 조건을 만족할 때 실행할 코드를 넣고 : 기호 오른쪽에는 조건을 만족하지 못했을 때 실행..

안녕하세요 여러분! 에이블디 입니다! 이번 시간에는 기본 중에 기본! 코딩에서 절대 빠질 수 없는 조건문에 대해서 알아볼 거예요! 조건문은 말 그대로 조건에 따라 코드가 실행되는 것을 의미하는데요, 예를 들어 프로그램 하나가 동작할 때 사용자마다 프로그램을 사용하는 방식이 다 다르기 때문에 한 가지 상황만 가정해서 코드를 작성한 순서대로 프로그램을 실행시켜서는 모든 사용자들을 만족시키지 못하겠죠? 어떤 조건을 만족할 때 어떠한 기능을 실행시키던지 중단시키던지 해야 하기 때문에 조건문을 사용합니다. 이번 시간에 배울 조건문은 if - else 문인데요! 지금부터 한번 배워보도록 합시다! if문은 소괄호() 안의 조건이 충족이 되면 중괄호{} 안의 코드를 실행하고 조건이 충족되지 않으면 중괄호 안의 코드를 ..

안녕하세요! 에이블디 입니다! 이번 시간에는 지난 시간에 이어 연산자에 대해 조금 더 알아보는 시간을 가져보도록 하겠습니다. 할당 연산자(=) 첫 번째로 할당 연산자입니다. 할당 연산자는 말 그대로 값을 할당하는 연산자인데요 '='기호를 사용합니다. 변수에 값을 할당하는 용도로도 사용되지만 산술 연산자(+, -, *, /, %)와 조합해서 사용할 수도 있는데요, 다음 예시를 들어 좀 더 자세하게 알아보겠습니다. var a = 10; a += 10; var b = 10; b += a; 변수 a와 b 아래에 산술 연산자와 할당 연산자를 조합해서 사용한 코드가 어떤 의미인지 잘 모르시겠죠? 풀어서 해석하면 다음과 같습니다. var a = 10; a += 10; -> a = 10 + a를 의미합니다. var b..

안녕하세요 에이블디 입니다! 이번 시간에는 연산자에 대해 알아보려 해요! 연산자는 여러 가지 종류가 있는데, 이번 포스팅에서는 사칙, 나머지, 증감 연산자만 다루어보도록 하겠습니다. 사칙 연산자, 나머지 연산자, 증감 연산자를 정리하자면 다음과 같습니다. 분류 연산자 기호 설명 사칙 연산자 더하기 + 두 값을 더합니다. 빼기 - 앞의 값에서 뒤의 값을 뺍니다. 곱하기 * 두 값을 곱합니다. 나누기 / 앞의 값을 뒤의 값으로 나눕니다. 나머지 연산자 나머지 % 앞의 값을 뒤의 값으로 나눈 나머지 값을 구합니다. 증감 연산자 증가 ++ 변수의 값을 1만큼 증가시킵니다. 감소 -- 변수의 값을 1만큼 감소시킵니다. 연산자에 대해 더 알아보기 전에 연산자와 피연산자에 대해 간단히 설명하도록 하겠습니다. var ..