에이블디 공식 블로그

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

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

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

안녕하세요 에이블디입니다! 이번 시간에는 변수란 무엇인지, 그리고 변수 값의 자료형을 알아보는 방법에 대해 알아보겠습니다. 변수란 변하는 값을 의미합니다. 그리고 자바스크립트에서 변수는 변하는 '값'을 저장할 때 사용합니다. 변하는 값은 숫자도 될 수 있고 문자도 될 수 있겠죠? 예를 들어 사람의 이름과 나이를 저장하는 변수가 있다고 가정한다면, 사람마다 이름도 다를 거고 나이도 다를 수 있겠죠? 지금부터 변수에 대해 더 알아보도록 하겠습니다! 변수에는 컴퓨터가 구별할 수 있도록 이름을 붙여야 하는데요, 이를 '변수를 선언한다'라고 합니다. 변수 선언은 아래와 같이 var 뒤에 변수 이름을 적으면 됩니다. var abled; 변수를 선언할 때 이름의 첫 글자는 반드시 문자나 밑줄(_) 또는 달러($)로 ..

안녕하세요 여러분! 에이블디입니다! 오늘은 지난 시간에 이어 복합 자료형에 대해 알아보겠습니다! 복합형에는 배열과 객체가 있는데요! 하나하나씩 알아보도록 하겠습니다! 배열은 하나의 변수에 여러 값을 저장할 수 있는데요! 에이블디의 학생의 이름을 변수에 저장할 때 배열을 사용하지 않으면 다음과 같이 변수 선언을 하고 값을 할당할 수 밖에 없습니다. var yama = "야마"; var charlie = "찰리"; var lucas = "루카스"; var kevin = "케빈"; var summer = "서머"; 학생이 늘어나면 늘어날수록 변수선언을 계속해서 해야겠죠? 여기서 배열을 사용해 보겠습니다! var student = ["야마", "찰리", "루카스", "케빈", "서머"]; 5줄로 작성했던 코드가..

안녕하세요 여러분 에이블디입니다! 이번 시간에는 자바스크립트의 자료형에 대해 알아보려고 해요! 자료형이란 컴퓨터가 처리하는 자료의 형태를 말하는데요, 자바스크립트의 자료형은 값이 하나인 기본형과 여러 값을 한꺼번에 담고 있는 복합형으로 구별합니다. 다음의 표는 기본형과 복합형에 대해 정리해 보았습니다. 자료형 설명 기본형 number(숫자) 따옴표 없이 표기한 숫자를 나타냅니다. string(문자열) 작은따옴표(')나 큰따옴표(")로 묶어 나타낸 문자의 집합입니다. boolean(논리형) 참(true)과 거짓(false)으로 표현할 수 있는 유형입니다. undefined 자료형을 지정하지 않았을 때의 유형입니다. 변수를 선언하고 값을 정의하지 않으면 undifined가 됩니다. null 값이 유효하지 않..

안녕하세요! 에이블디 입니다. 이번 시간에는 자바스크립트에 대해 알아보려고 해요! 자바스크립트를 공부하기 전에 자바스크립트란 언어는 무엇인지 알아보는 시간을 가져보도록 하겠습니다! 자바스크립트는 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로 개발을 하다가 공식적으로는 라이브 스크립트(LiveScript)로 불리며 1995년 9월에 베타 릴리스가 이루어졌으나 1995년 12월에 자바스크립트(JavaScript)로 바뀌게 됩니다. 자바스크립트라는 이름 때문에 자바(Java) 언어에서 파생되었다는 인상을 심어주어 혼란이 야기되었는데, 이것은 당시 대세였던 프로그래밍 언어인 자바의 이름을 넣어 마케팅적으로 이용하기 위해 네이밍을 자바스크립트..