반응형 JavaScript97 Javascript 함수(Function) 함수란? 자바스크립트에서 함수란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여주는 기능이다. 함수는 가독성을 높이며 유지보수에 용이하다. 또 재사용의 편리 또한 있어 자바스크립트에서 매우 중요하다. 함수의 형식과 정의 function 함수명( [인자...[,인자]] ){ 코드 return 반환값 } 함수는 function 뒤에 함수의 이름이 오고, 소괄호가 따라온다. 소괄호에 인자라는 값이 차례로 들어오는데 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수다. 인자는 생략 할 수 있으며 함수를 호출 했을 때 실행하게 될 부분이 중괄호 안쪽에 온다. 함수의 이름을 numbering()으로 정하였다. 함수 소괄호 안의 인자들이 함수 이름numbering()을 적으면 호출된다. .. 2020. 11. 5. javascript 반복문(Loop) 반복문이란? 인간은 반복적인 작업을 잘하지 못한다. 실수하고, 지루해한다. 컴퓨터는 이런 반복적인 작업을 대행하기 위해서 만들어진 기계다. 반복문은 컴퓨터에게 반복적인 작업을 지시하는 방법이다. 반복문의 문법들 while while (조건){ 반복해서 실행할 코드 } while문은 while문 뒤에 따라오는 괄호 안의 조건이 참(true)면 중괄호 안의 코드 구간을 반복적으로 실행한다. 조건이 false면 반복문이 실행되지 않는다. 여기서 true와 false는 종료조건이 되는데, 이 값을 변경하는 것을 통해서 반복문을 종료시킬 수 있다. 반복문에서 종료조건을 잘못 지정하면 무한반복이 되거나, 반복문이 실행되지 않는다. 무한 반복을 피하기 위해서는 위 코드처럼 조건을 걸어주어야 한다. while문 조건에.. 2020. 11. 5. Javascript 조건문의 문법 조건문이란? 조건문이란 주어진 조건에 따라서 에플리케이션을 다르게 동작하도록 하는 것이다. 조건문의 문법 if 조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값는 Boolean이다. Boolean의 값이 true라면 조건이 담겨진 괄호 다음의 중괄호 구문이 실행된다. if 문의 조건이 참이면 중괄호의 시작({}부터 중괄호의 끝(})까지의 구간이 실행되기 때문이다. 거짓이면 중괄호 구간이 실행되지 않기 때문에 alert(5); 구문만 실행된 것이다. else if if문의 조건이 false라면 else 이후의 중괄호 구간이 실행된다. 즉 else는 주어진 조건이 거짓일 때 실행할 구간을 정의하는 것이다. 위의 코드를 보면 모든 if문의 조건이 false로 되어 있어 결국 맨.. 2020. 11. 3. Javascript 비교 연산자 비교 연산자란? 프로그래밍에서 비교란 주어진 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 것을 의미한다. 이 때 비교 연산자를 사용하는데 비교 연산자의 결과는 true나 false 중의 하나다. true와 false는 블린(boolean)이라고 불리는 데이터 형식이다. == 동등 연산자로 좌항과 우항을 비교해서 서로 값이 같다면 true 다르다면 false가 된다. '='가 두개인 것을 주의하자. '='가 하나인 것은 대입 연산자로 우항의 값을 좌항의 변수에 대입할 때 사용하는 것으로 의미가 완전히 다르다. === 일치 연산자로 '==='좌항과 우항이 '정확'하게 같을 때 true 다르면 false가 된다. '==='는 숫자 7과 문자 7을 다르게 인식한다. 반면에 '=='는 양쪽의 값을 같다고 판.. 2020. 11. 3. Javascript 변수 Variable 변수 Variable 란? 문자나 숫자 같은 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다. 여기에 담겨진 값은 다른 값으로 바꿀 수 있다. 변수는 마치 사람이 쓰는 언어인 자연어에서 대명사와 비슷한 역할을 한다. 변수의 선언 변수는 var로 시작한다. var은 변수를 선언하겠다는 것을 의미한다. var은 위에 한 번 선언해준다면 밑의 계속되는 코드에 계속 이용해도 상관없다. 변수 a에 담겨 있는 값이 1일 때는 a+7의 결과가 8가 된다. 즉, a에 변수를 선언하여 7이 담겨져 있다는 거다. 변수의 값이 꼭 숫자만 올 수 있는 것은 아니다. 문자 또한 따옴표를 이용하며 사용 가능하다. 변수의 의의 위의 코드중 맨 위에 변수로 선언한 a=100; 의 100만 고쳐준다면 아래에 선언되어 있는 .. 2020. 11. 3. Javascript 숫자와 문자에 대한 기본 Javascript의 숫자와 문자 프로그래밍 입문자에게 가장 익숙한 데이터 형(data type)은 숫자와 문자이며 데이터 형인 문자와 숫자를 프로그래밍에서는 어떻게 표현하고 연산하는지 알아보고자 한다. 옆에 이미지에 나와있는 결과처럼 자바스크립트의 언어의 () 안에 별다른 기호 없이 +, *, / 을 해준다면 그대로 계산기가 계산하듯이 결과값이 도출된다. console.log는 자바스크립트 언어의 일종으로 크롬 개발자 도구의 콘솔에서 쉽게 결과를 볼 수 있도록 할 수 있어 사용하였다. Math는 수학과 관련된 명령어를 불러들이는 일종의 카테고리로 생각하면 된다. Math 뒤에 점과 같이 붙어 있는 것이 수학과 관련된 명령어들이다. .pow - (n,m) 중 n의 m승 즉, n^m .round - 반올림.. 2020. 11. 3. Javascript 기본 및 실행 방법 Javascript 이란? JavaScript는 웹페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 언어다. 그렇기 때문에 오늘날 가장 중요한 플랫폼이라고 할 수 있는 웹브라우저에서 유일하게 사용할 수 있는 프로그래밍 언어이다. Javascript 의 실행 alert('Hello world');가 기본적인 예로 든 자바스크립트 형태이다. 안에 자바스크립트 명령어를 적고 html을 실행하듯이 웹 페이지를 열면 정상적으로 실행 할 수 있다. 예로 마땅한 개발 도구가 없다면 컴퓨터에 있는 메모장을 열어 위의 코드를 입력하고 파일 확장자를 .html로 저장하고 이 파일의 웹을 열어보면 결과를 확인 할 수 있다. 2020. 11. 3. 이전 1 2 3 4 다음 반응형