JavaScript(12)
-
#13 자바스크립트 주석태크 사용법 (주석처리 방법)
1. 아래는 웹 브라우저의 종류나 버전에 따라서 자바스크립트가 지원되지 않을 경우에는 실행 결과 값이 아닌 자바스크립트 코드 부분이 그대로 화면에 출력 되기 때문에 이런 불상사를 막기 위해서 사이에 묶어서 사용하면 됩니다. 2. 아래는 자바스크립트 코드 뒤에 한줄만 주석이 필요할 경우 사용한다. 3. 아래는 자바스크립트 코드를 여러줄 동시에 주석처리가 필요할 때 사용한다.
2023.04.06 -
#12 자바스크립트 배열 출력 및 join() 함수를 이용한 출력
1. console.log() 함수를 사용하여 콘솔에 출력 let arr = [1, 2, 3, 4, 5]; console.log(arr); 2. join() 함수를 사용하여 문자열로 변환하기 let arr = [1, 2, 3, 4, 5]; let str = arr.join(', '); console.log(str); join()은 자바스크립트의 배열(Array) 객체에서 제공되는 메소드 중 하나입니다. 이 메소드는 배열의 모든 요소를 하나의 문자열로 출력됩니다. 위 예시로 출력하면 1, 2, 3, 4, 5 으로 출력 되며 각 밸열 구분자로 ‘, ’ 하겠다는 것 이고 생략할 경우 쉼표(,)로 구분 됩니다. 3. for 문을 사용하여 배열 요소 출력 let arr = [1, 2, 3, 4, 5]; for (..
2023.04.04 -
#11 자바스크립트 배열 사용 new Array() 배열 생성자 사용
1. 배열 리터럴 사용 const myArray = [1, 2, 3, 4, 5]; 2. new Array() 생성자 사용 const myArray = new Array(1, 2, 3, 4, 5); // 5개의 배열에 1~5 숫자를 넣음 const myArray = new Array(5); // 5개의 빈 배열를 (undefined 으로) 선언 되는 것과 같습니다. 3. 빈 배열 생성 후 push() 메서드로 요소 추가 push() 는 배열의 끝에 하나 이상의 요소를 추가하는 배열 메서드입니다. const myArray = []; myArray.push(1); myArray.push(2); myArray.push(3); myArray.push(4); myArray.push(5); 4. 두번째 배열에 숫자 ..
2023.04.04 -
#10 자바스크립트 조건문 if , Switch Case문
if 문의 예시 위 그림은 변수 x가 5보다 크면 "x는 5보다 큽니다."라는 문자열을 출력하고, 변수 x의 값이 10이므로 조건식이 참이 되어 실행 코드가 실행됩니다. let x = 10; if (x > 5) { console.log("x는 5보다 큽니다."); } if 문에 else문 추가 예시 위 그림은 변수 x가 5보다 작거나 같으면 "x는 5보다 작거나 같습니다." 라는 문자열을 출력하며 변수 x의 값이 3이므로 조건식이 거짓이 되어 else 블록의 실행 코드가 실행됩니다. let x = 3; if (x > 5) { console.log("x는 5보다 큽니다."); } else { console.log("x는 5보다 작거나 같습니다."); } switch 문의 예시 위 그림에서 switch 문은..
2023.04.03 -
#9 자바스크립트 반복문 for , do...while , while , for...in , for...of 문 정의 및 예제
1. for 반복문: 정해진 횟수만큼 반복하는 가장 일반적인 반복문 이며, for 반복문은 초기화 식, 조건식, 증감식을 포함하는 세미콜론으로 구분된 세 부분으로 구성됨 for (var i = 0; i
2023.04.02 -
#8 자바스크립트 새창 열기
아래는 window.open()를 활용한 예제 입니다. "http://www.daum.net" URL을 새창으로 연다면… window.open("http://www.daum.net"); window.open 옵션및 예 window.open(url, name, specs, replace); url: 열고자 하는 문서의 URL입니다. 이 값은 필수 값임 name: 새로 열리는 창의 이름을 나타냅니다. 이 값은 선택적입니다. 이름이 지정되면, 창을 식별하는 데 사용 specs: 새로 열리는 창의 속성을 나타내는 문자열입니다. 크기, 위치, 툴바, 메뉴, 스크롤바 등의 속성을 지정함 replace: 기존 창을 대체할지 여부를 지정합니다. 이 값은 선택적이며, true 또는 false를 사용함 아래는 다음홈페이지..
2023.04.01