JavaScript13 [JavaScript] 자바스크립트 함수 1. 함수 함수(function)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여줍니다. 자바스크립트에서 함수를 사용하는 문법의 형태는 다음과 같습니다. function 함수명( [인자...[,인자]] ){ 코드 return 반환값 } 함수는 function 뒤에 함수의 이름이 오고, 소괄호가 따라온다. 소괄호에 인자라는 값이 차례로 들어오는데 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수입니다. 인자는 생략 할 수 있다. 함수를 호출 했을 때 실행하게 될 부분이 중괄호 안쪽에 옵니다. 예제를 살펴보겠습니다. 이 함수의 이름은 numbering이고, 내용은 0부터 9까지를 화면에 출력합니다. function numbering(){ i = 0; while(i < 10){ .. 2019. 5. 23. [JavaScript] 반복문 1. while문 while문은 while문 뒤에 따라오는 괄호 안의 조건이 참(true)면 중괄호 안의 코드 구간을 반복적으로 실행합니다. 조건이 false면 반복문이 실행되지 않습니다. 여기서 true와 false는 종료조건이 되는데, 이 값을 변경하는 것을 통해서 반복문을 종료시킬 수 있습니다. 반복문에서 종료조건을 잘못 지정하면 무한반복이 되거나, 반복문이 실행되지 않습니다. var i = 0; // 종료조건으로 i의 값이 10보다 작다면 true, 같거나 크다면 false가 된다. while(i < 10){ // 반복이 실행될 때마다 coding everybody 출력된다. console.log('coding everybody'); // i의 값이 1씩 증가한다. i++ } 2. for문 for.. 2019. 5. 23. [JavaScript] 조건문 1. 불린 '비교 수업'에서 비교 연산의 결과로 참(true)이나 거짓(false)을 얻을 수 있다고 배웠습니다. 여기서 참과 거짓은 '숫자와 문자 수업'에서 배운 숫자와 문자처럼 언어에서 제공하는 데이터 형입니다. 이를 Boolean(불린)이라고 부르고 불린으로 올 수 있는 값은 true와 false 두가지 밖에 없습니다. 불린은 조건문에서 핵심적인 역할을 합니다. 2. 조건문 조건문이란 주어진 조건에 따라서 에플리케이션을 다르게 동작하도록 하는 것입니다. 조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값는 Boolean입니다. Boolean의 값이 true라면 조건이 담겨진 괄호 다음의 중괄호 구문이 실행됩니다. if문과 같이 여러가지 조건들을 체크할 때 else if.. 2019. 5. 23. [JavaScript] 비교 연산자(==, ===) 프로그래밍에서 비교란 주어진 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 것을 의미합니다. 이 때 비교 연산자를 사용하는데 비교 연산자의 결과는 true나 false 중의 하나입니다. true는 비교 결과가 참이라는 의미이고, false는 거짓이라는 뜻입니다. true와 false는 불린(boolean)이라고 불리는 데이터 형식인데 이것은 조건문에서 비중있게 다룰 것입니다. 아래는 주요한 비교 연산자들의 종류와 그에 따른 예제들입니다. '==' 에 대해서 배워보겠습니다. 동등 연산자로 좌항과 우항을 비교해서 서로 값이 같다면 true 다르다면 false가 된다. '='가 두개인 것을 주의합시다. '='가 하나인 것은 대입 연산자로 우항의 값을 좌항의 변수에 대입할 때 사용하는 것으로 의미가 완전히 .. 2019. 5. 23. [JavaScript] 변수의 사용 변수(Variable)는 (문자나 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용합니다. 여기에 담겨진 값은 다른 값으로 바꿀 수 있습니다. JavaScript에서 변수는 var로 시작합니다. var은 변수를 선언하겠다는 것을 의미합니다. var을 생략 할수도 있지만 이것은 유효범위라는 것에 영향을 끼칩니다. 그렇기 때문에 var의 의미를 명확하게 이해하기 전까지는 var를 사용하는 것이 권장됩니다. 변수의 이름은 $, _, 혹은 특수 문자를 제외한 모든 문자로 시작할 수 있습니다. 다음 예제는 변수에 값을 대입한 예제입니다. 크롬브라우저에서 F12를 눌러 개발자 도구를 열고, console창에 다음의 코드를 입력해서 실행해보겠습니다. var a = 1; alert(a+1); //2 .. 2019. 5. 23. [JavaScript] 숫자와 문자 1. 숫자 프로그래밍에서 가장 많이 사용하는 데이터형인 문자와 숫자를 어떻게 표현하고 연산하는지 알아보겠습니다. 자바스크립트에서는 큰따옴표나 작은따옴표가 붙지 않은 숫자는 숫자로 인식합니다. 다음과 같은 파일을 실행해보면 각각의 연산에 대해서 경고창이 뜨는 것을 볼 수 있습니다. '/'는 나누기 연산자로 몫을 반환합니다. '*'는 곱하기 연산을 합니다. 하지만 이렇게 파일을 만들지 않고 개발자 도구를 이용해서 쉽게 자바스크립트를 실행해 볼 수 있습니다. 크롬을 기준으로 F12키를 클릭 후 console창에 alert(1); 을 치면 조금 전과 같은 결과를 얻을 수 있습니다. Math.pow(3,2); // 9, 3의 2승 Math.round(10.6); // 11, 10.6을 반올림 Math.ceil(1.. 2019. 5. 23. 이전 1 2 3 다음
