안녕하세요~ totally 개발자입니다. function (함수) 오늘 다룰 부분은 function(함수)입니다. 이 함수는 프로그래밍에서 대단히 중요한 개념으로 어떤 특정한 작업을 수행하는 코드 블록이며 주로 같은 작업을 반복하는 경우에 많이 사용됩니다. 이 함수의 특징에서는 인자(argument 혹은 parameter)라고 하는 요소들을 받을 수 있으며 return을 사용하여 함수의 결과를 내보낼 수 있습니다. 바로 예제로 들어가보도록 하겠습니다. function addTwoNumbers(a, b) { return a + b; } 먼저 위에 있는 첫 번째 예시를 보시면 function 뒤에 addTwoNumbers라는 맞춤 함수 이름을 지정할 수 있고 a, b라는 매개변수(인자) 2개를 받는 것을 확..

안녕하세요~ totally 개발자입니다. DOM Event 오늘은 Event, HTML의 DOM(Document Object Model)에 대한 이벤트들을 살펴봅니다. 자바스크립트의 이벤트를 활용하여 HTML에서 사용자가 DOM 요소에 어떤 행동을 했을 때 다양한 액션 행동들을 구현할 수 있습니다. 대표적인 예로, 버튼을 클릭했을 때 팝업창을 띄우는 행위 등이 있습니다. HTML DOM에 대해서 기본적인 이해가 필요합니다. DOM이란 Document Object Model의 약자로서, 웹페이지의 로드가 완료되면, 브라우저는 그 페이지의 Document Object Model를 생성하게 됩니다. 이 HTML DOM은 객체들의 트리로 구성되어지며 자바스크립트가 바로 이 DOM을 이용하여 HTML의 요소들을 ..

안녕하세요~ totally 개발자입니다~ 반복문2 - for 오늘은 for 반복문에 대해서 살펴보겠습니다. 프로그래밍을 배울 때 반드시 알고 있어야 하는 개념 중 하나로 저번에는 while 반복문을 알아보았고 이번에는 for 반복문의 기본 사용 방법에 대해서 알아보겠습니다. for (let i = 0; i < 5; i++) { console.log(i); } 앞서 살펴본 while문에서는 조건만 명시되는 반면, for문에서는 위에 보시는 것처럼 초기화, 조건, 상태 업데이트 이 3가지의 단계를 미리 명시해주고 내용을 입력하게 됩니다. 물론 3가지를 필수적으로 입력하는 것은 아니고 for (let i = 0; ; ) 이렇게 생략해도 무방하나 세미콜론으로 그 부분에 대한 공간은 표시해주셔야 합니다. 즉 다시..

안녕하세요~ totally 개발자입니다. 반복문1 - while 오늘은 반복문을, 그 중에서도 while을 사용하는 반복문을 위주로 다루도록 하겠습니다. 반복문은 프로그래밍에 있어서 필수적인 요소입니다. 반복문이 존재하지 않았다면, 상당한 양의 같은 코드가 반복되었을 것이고, 매우 비효율적인 코드가 많아졌을 것이나 반복문의 사용으로 인하여 효율적인 코드, 지속적으로 반복되는 코드를 줄일 수 있었습니다. 간단한 예제로 1부터 5를 콘솔에 출력해보는 코드를 살펴보도록 하겠습니다. console.log(1); console.log(2); console.log(3); console.log(4); console.log(5); 먼저 반복문을 사용하지 않고 console.log(1)부터 (5)까지 지속적으로 나열한 ..

안녕하세요~ totally 개발자입니다. 조건문 (if, switch) 어떤 특정한 경우 즉 어떤 조건에 해당할 때에 코드를 실행하기 위한 목적으로 사용됩니다. if 오늘 이 시간에는 조건문에 대해 다뤄보도록 하겠습니다. 보통 if, switch로 구현할 수 있으며, 먼저 if문의 예제를 보면 아래와 같습니다. const a = 1; const b = 2; if (a > b) { console.log("a가 b보다 큰 수입니다."); } else if (b > a) { console.log("b가 a보다 큰 수입니다."); } else { console.log("a와 b는 같은 수입니다."); } 먼저 if (조건 내용) 형식으로 사용하며 else if와 else는 생략이 가능하지만 다양한 경우를 생각해..

안녕하세요~ totally 개발자입니다. Data Type (데이터 타입) 오늘 알아볼 부분은 데이터 타입입니다. 데이터 타입은 기본 타입(원시 타입이라고도 함), 참조 타입 또는 객체 타입으로 나뉩니다. [기본 타입 Primitive Type] 1. Number: 64비트 부동 소수점 형태이며 정수, 자연수 등을 모두 실수(Real Number)로 처리하며 예시는 아래와 같습니다. var number1 = 123; var number2 = 123.45; var number3 = -123.45; var number4 = 123 / 456; 2. Boolean: true 또는 false를 나타내며 예시는 아래와 같습니다. var status1 = true; var status2 = false; 3. Str..