letsgoddud

이번에는 자바스크립트의 함수 종류를 자세히 알아보겠습니다. 05 - 3 여러 번 사용할 수 있는 함수 만들기 #1 매개변수와 인수 위의 addNumber() 함수는 계산 값 10과 20을 고정해놓아서 몇 번 실행해도 같은 결과가 나옵니다. 그렇다면 addNumber() 함수의 입력값을 바꾸고 여러 번 사용하기 위해서는 어떻게 해야할까요? 이 때 필요한 개념이 '매개변수'와 '인수'입니다. 함수를 실행하기 위해 필요하다고 지정하는 값을 매개변수라고 하며, addNumber(a,b)에서 a,b가 매개변수 입니다. 이렇게 매개변수를 지정하고 addNumber()함수를 호출할 때 넘겨주는 값을 인수라고 합니다. #2 두 수를 더하는 함수 실행하기 ① var num1 = parseInt(prompt("첫번째 숫자..

저번 시간에 배웠던 예약어 var에 이어 ES6에서 새롭게 사용하는 예약어 let과 const를 자세히 알아보겠습니다. 05 - 2 let과 constant로 변수 선언하기 #1 let과 constant 변수 특징 1. 블록 안에서만 쓸 수 있는 변수 var와 let, const의 가장 큰 차이는 스코프(scope)입니다. ( 스코프 : 변수가 적용되는 범위 ) var는 함수 영역의 스코프를 가지지만, let과 const는 블록영역의 스코프를 가집니다. var : 함수 영역(레벨)의 스코프 let , const : 블록 영역의 스코프 let으로 선언한 sum은 calcSum()의 블록{ } 안에서만 사용할 수 있습니다. 2. 재할당은 가능하지만 재선언은 할 수 없는 변수 let sum을 앞에 선언했다가 ..

자바스크립트의 중요한 요소 함수와 변수를 같이 다루어 보겠습니다. 05 - 1 여러 동작을 묶은 덩어리, 함수 #1 함수란 무엇인가? : 자주 실행하는 기능에 포함된 명령이 여러가지일 때 그 명령을 한번에 실행할 수 있게 한 덩어리로 묶은 주머니 #2 함수를 사용하면 왜 좋을까? 함수를 사용하면 각 명령의 시작과 끝을 명확하게 구별할 수 있습니다. #3 함수 정의하고 실행하기 함수 선언 --------------> 함수 실행 (함수 호출) ① 함수 선언 function addNumber(){ var sum = 10 + 20; console.log(sum); } ② 함수 실행 addNumber() #4 버튼으로 함수를 실행하는 프로그램 만들기 ① button 태그에 onclick = "addNumber()..

자바스크립트 for문에 이어 while문도 자세히 알아보겠습니다. 04 - 5 특정조건에 따라 반복하기 - while문, do...while문 for문은 카운트 변수를 기준으로 명령을 반복하여 정해진 횟수동안 반복 명령문이였다면 while문과 do...while문은 특정조건을 만족하는 동안에만 명령을 반복하는 명령문입니다. #1 while문 * while( i < 10 ) 조건문 검사 후 소괄호 안의 조건이 참이면 중괄호 안에 있는 소스 실행 #2 do...while문 * 문장이 한번 실행 한 후 조건 확인 #3 팩토리얼 계산기 만들기 0단계 팩토리얼 계산식 정리 주어진 수 표현 계산식 1 1! 1 2 2! 1*2 3 3! 1*2*3 1단계 변수 지정 var n → 몇까지 곱할 것인지 프롬프트 창으로 변..

자주 사용하지만 너무나 헷갈리는 자바스크립트 for문 자세히 파헤쳐 봅시다! 04 - 3 명령 반복 실행하기 - for문 #1 for문 for문은 어떤 동작을 여러 번 실행하는데 사용합니다. 반복문을 사용하면 여러 명령을 늘어놓지 않고 소스를 간단하게 작성할 수 있습니다. #2 1부터 15까지 더하는 반복문 만들기 ① var sum = 0 ; → 변수 sum 선언 ② for ( var i = 1; → 카운트 변수 i 선언 및 1로 초기화 i < 6; → for문의 조건식 i++) → i는 1부터 5까지 5번 반복 ③ sum += i; → 반복 실행할 문(sum = sum + i;) 04 - 4 for문 반복하기 - 중첩 for문 #1 구구단 프로그램 만들기 1단계 for문 중첩하기 먼저 각 단에서 1부터..

자바스크립트 함수에서 중요한 제어문을 한번 배워보겠습니다. 04 - 1 조건에 따라 흐름 조절하기 - if문, if...else문과 조건 연산자 #1 if문 if(true){ } if문은 소괄호 안의 조건이 true면 중괄호 안의 자바스크립트 소스를 실행하고, false면 중괄호 안의 자바스크립트를 무시합니다. #2 if ... else문 if (true) { } else { } if ... else문은 실행할 명령이 둘 이상일 경우 중괄호에 묶고 실행 순서대로 나열합니다. #3 조건 연산자 - ?(물음표)와 :(콜론) var score = 75; (score >= 60) ? alert("통과") : alert ("실패"); 조건 ? 조건이 true일 때 명령 : 조건이 false일 때 명령 #4 3의 ..

저는 연산자 공부할 때 정말 헷갈리더라구요..! 연산자에 대해 자세히 파헤쳐 보도록 하겠습니다. 03 - 3 연산자 이해하기 #1 연산자와 피연산자 구별하기 currentYear - birthYear + 1 피연산자 연산자 #2 기초 산술 연산자 정리 분류 연산자 이름 기호 설명 사칙 연산자 더하기 + 두 값을 더한다. 빼기 - 앞에 값에서 뒤에 값을 뺀다. 곱하기 * 두 값을 곱한다. 나누기 / 앞에 값을 뒤의 값으로 나눈다. 나머지 연산자 나머지 % 앞의 값을 뒤의 값으로 나눈 나머지 값을 구한다. 증감 연산자 증가 ++ 변숫값을 1만큼 증가시킨다. 감소 -- 변숫값을 1만큼 감소시킨다. #3 증감 연산자 이해하기 *** 헷갈릴 수 있으니 눈 크게 뜨고 잘 보세요!! *** 증감 연산자는 피연산자 뒤..

자바스크립트 변수에 대해 자세히 알아보겠습니다. 03 - 1 변수란 무엇일까? 자바스크립트에서 변수는 변하는 값을 저장할 때 사용합니다. 이전의 2장에서 prompt창에 각각 서로의 이름을 입력할 때 쓴 'name'이라는 변수처럼 상황에 따라 다른 값을 받아야 할 때 변수를 사용합니다. #1 변수를 선언하는 규칙 세 가지 1. 이름은 의미 있게 짓는다. 변수의 이름은 나중에 알기 쉽게 하기 위해서 아무 의미 없이 지으면 안됩니다. 2. 여러 단어를 연결한 변수 이름은 낙타 모양으로 만들어 준다. 여러 단어를 연결하여 변수 이름을 지을 때는 첫 번째 단어는 소문자로, 두 번째 단어 부터는 대문자로 시작하는 방법을 많이 사용합니다. 개발자들 사이에서 이 규칙을 낙타 표기법(Camel Case)라고 부릅니다...

자바스크립트 소스를 작성할 때 꼭 지켜야 할 규칙 6가지를 알려드립니다. #규칙1 - 대소문자를 구별하여 소스를 작성한다. html과 다르게 자바스크립트는 대소문자 구별이 가능하다는 점! sum, Sum, SUM 모두 다르게 인식합니다. #규칙2 - 읽기 쉽게 들여쓰는 습관들 들인다. 자바스크립트 해석기는 소스를 처리할 때 들여쓰기를 신경쓰지 않지만 다른 프로그래머가 작성한 소스를 읽거나 본인이 작성한 코드의 오류 발생을 대비하기 위해 들여쓰는 습관은 중요합니다. #규칙3 - 세미콜론으로 문장을 구분한다. //오류 발생 var num1 var num2 //오류 발생 방지 var num1; var num2; css는 세미콜론 붙이는게 필수지만 자바스크립트는 필수는 아닙니다. 하지만 세미콜론을 붙이지 않고 ..

본격적으로 자바스크립트로 프로그램을 만들어 봅시다. 02 - 4 나의 첫 번째 자바스크립트 프로그램 #1 인사하는 브라우저 만들기 새 브라우저를 열었을 때 이름을 입력할 수 있는 프롬프트 창이 열리고 거기에 이름을 입력하면 '어서오세요!' 라는 인사말 앞에 내가 지정한 이름이 붙게 할 수 있어 브라우저 사용자에게 인사 할 수 있는 간단한 브라우저 입니다. 어서오세요 1단계 태그 안에 '어서오세요' 인사말을 넣는다. 2단계 'name'이라는 변수에 prompt 창을 넣는다. prompt 소괄호 안에 큰따옴표나 작은따옴표로 원하는 문장을 감싸 넣으면 문장 표시 가능! 3단계 document.write 소괄호 안에 변수와 함께 "님, 어서오세요!" 라는 멘트를 넣으면 끝! 내용 그대로 브라우저에 출력 02 -..