본문 바로가기

Javascript/javascirpt

(6)
배열 배열이란? '나눌 배'와 '열거할 열'을 사용해 만든 글자로, 글자 뜻 그대로 하나의 저장소를 나눠서 데이터를 열거하라는 의미입니다. 쉽게말해 변수는 데이터가 한 개만 저장된다고 알고 있습니다. 하지만 배열은 여러개의 데이터를 하나의 저장소에 저장하는 것을 말합니다. ① var 참조 변수 = new Array(); 참조 변수[0] = 값1; 참조 변수[1] = 값2; 참조 변수[2] = 값3; ... ② var 참조 변수 = new Array( 값1, 값2, 값2, ...); ③ var 참조 변수 = [ 값1, 값2, 값3, ...]; 방식1) 방식2) 방식3) 배열 객체에 저장된 데이터 불러오기 참조 변수[인덱스 번호]; 예제) 출력화면 배열 객체의 메서드 및 속성 종류 설명 join(연결 문자) 배열..
반복문 while 문 while문의 실행 순서 조건식을 검사하고 만족하면 ▶ 중괄호 안에 있는 코드와 증감식을 실행 ▶ 다시 조건식을 검사 var 변수 = 초깃값; while(조건식){ 자바스크립트 코드; 증감식; } 예시) 출력화면 응용) 2의 배수이면서 4의 배수인 숫자만 출력 출력화면 for 문 사용 방법은 while 문과 같지만 while 문보다 사용하기 편해 사용 빈도가 높은 편이다. for( 초깃값; 조건식; 증감식){ 자바스크립트 코드; } 예시) 출력화면 break 문 반복문인 while 문 또는 for 문에서 break 문을 실행하면 조건식과 상관없이 강제로 반복문을 종료한다. for( 초깃값; 조건식; 증감식 ){ break; 자바스크립트 코드; } 예시) 출력화면 중첩 for 문 for 문 ..
조건문(if문, else if 문) 조건문이란? 조건문은 조건식의 값이 참(true)인지, 거짓(false)인지에 따라 자바스크립트 코드를 제어한다. 예를 들어 질의응답 창을 이용해 방문자가 좋아하는 숫자를 입력받는다. 이때 입력된 값을 2로 나누어 나머지 값이 0이면 "당신의 좋아하는 숫자는 짝수입니다."라고 출력하게 하고, 아닐 경우에는 "당신이 좋아하는 숫자는 홀수입니다."라고 출력하게 한다고 하자. 이렇게 수를 나눈 나머지 값에 따라 다른 결과를 출력하게 하려면 조건문을 사용해야 한다. 조건문의 종류에는 if 문, else 문 그리고 else if 문이 있다. if 문 if 문은 조건식을 만족(true)할 경우에만 코드를 실행한다. 조건식은 Boolean() 내장 메서드와 마찬가지로 그 어떤 데이터를 입력해도 true 또는 fals..
연산자 연산자란? 덧셈, 뺄셈, 곱셈, 나눗셈과 같은 연산을 컴퓨터에서도 다양한 연산자를 통해 계산 작업을 한다. 자바스크립트 프로그래밍에서 사용하는 연산자에는 산술, 문자 결합, 대입(복합 대입), 증감, 비교, 논리, 삼항 조건 연산자가 있다. 산술 연산자 산술 연산자에는 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%)가 있다. 산술 연산자로 연산을 하기 위해서는 연산 대상 데이터가 반드시 2개 있어야 한다. 종류 기본형 설명 + A+B 더하기 - A-B 빼기 * A*B 곱하기 / A/B 나누기 % A%B 나머지 ex) 출력화면 문자 결합 연산자 문자 결합 연산자는 피연산자(연산 대상 데이터)가 문자형 데이터이다. 여러 개의 문자를 하나의 문자형 데이터로 결합할 때 사용한다. ex) 출력..
변수 변수란? 변하는 데이터(값)를 저장할 수 있는 메모리 공간이다. 변수에 저장할 수 있는 데이터의 종류로는 문자형(String), 숫자형(Number), 논리형(Boolean) 그리고 빈(Null)데이터가 있다. 변수에는 데이터가 오직 한개만 저장되기 때문에 새로운 데이터가 들어오면 기존에 있던 데이터는 메모리 공간에서 지워진다. ex) 출력화면 변수선언 변수를 선언할 때는 var 키워드를 변수명 앞에 붙인다. 변수명에는 한글을 사용할 수 없으며, 영문과 숫자 그리고 일부 특수문자(_, $)만 포함할 수 있다. 변수명은 의미에 맞게 만드는 것이 좋다. 문자형(String) 문자형 데이터는 문자나 숫자를 큰따옴표(" ")또는 작은따옴표(' ')로 감사고 있다. 또한 문자형 데이터에 HTML 태그를 포함하여 ..
Javascript 정의와 외부로 연결하기 자바스크립트는 웹페이지의 동작을 담당합니다. 예를 들어 자바스크립트를 이용하면 ‘우측 하단에 보이는 화살표를 누르면 맨위로 가기'라는 식의 명령을 내릴 수 있습니다. 자바스크립트 선언문 선언문은 자바스크립트 코드를 작성할 영역을 선언하는것이라고 이해하면 됩니다. 라는 태그로 종료된 곳까지 스크립트 영역이라고 부릅니다. ex) 선언문은 자바스크립트 주석은 //내용, /*내용*/ 두가지가 있는데 "//한 줄 설명글", "/* 여러 줄 설명글 */"로 작성하면 됩니다. 출력화면 자바스크립트를 사용할 때에는 CSS와 마찬가지로 외부로 분리해서 사용하는게 효과적입니다. 내부스크립트 외부로 분리하는 방법 적용법 먼저 index.html 파일에서 코드 를 라인에 추가합니다. 같은 폴더일 경우 index.js 만 쳐도..