JavaScript 배열 실습 문제 1
2022. 12. 20. 19:02
Front/JavaScript 실습문제
보기의 데이터를 배열로 받고 하나의 배열로 합친후, 찾을 문자열을 입력 한 후 버튼을 누르면 alert를 통해 배열의 위치를 알려주고, 없으면 존재하지 않습니다를 출력하기 보기 사과,바나나,당근 김밥,치즈,떡볶이,햄버거 환타,사이다,콜라 고양이,강아지 전송 및 처리 >> label안의 문자열을 split메소드로 문자열을 나눈 후 배열안에 담기 concat()을 이용해 배열을 하나로 합치고, indexOf()를 통해 입력한 값의 인덱스를 찾음 >>indext == -1 경우 : 입력한 값이 배열안에 존재하지 않음 -> 존재하지 않는다는 경고창 띄우기 HTML 삽입 미리보기할 수 없는 소스
JavaScript 실습문제 4. 간이 계산기 만들기
2022. 12. 20. 18:52
Front/JavaScript 실습문제
위의 형태대로 값을 입력받아 간이 계산기 만들기 첫번째 값 : 두번째 값 : 계산결과 : HTML 삽입 미리보기할 수 없는 소스
JavaScript 08. 객체_ 2
2022. 12. 20. 16:40
Front/JavaScript
HTML 삽입 미리보기할 수 없는 소스 객체의 배열을 사용한 다량의 데이터 관리 객체를 배열에 담으면 반복문을 통해 객체에 접근할 수 있음 실행확인 HTML 삽입 미리보기할 수 없는 소스 생성자 함수 생성자 함수 생성 후 new 키워드를 이용해서 객체를 생성할 수 있는 함수를 의미 (함수명 제시시 첫글자를 대문자로) 실행확인 HTML 삽입 미리보기할 수 없는 소스 Date 내장 객체 new Date() : 현재 시스템 날짜, 시간에 대한 정보 new Date(년, 월(인덱스) , 일,시, 분, 초, ms ) : 입력한 날짜를 출력 1s == 1000ms 1m == 60s == 60*1000ms/ 1h == 60m == 60*60s == 60*60*100ms 1d == 24h == 24*60m == 24*..
JavaScript 08. 객체_ 1
2022. 12. 20. 16:17
Front/JavaScript
객체 선언 및 사용 객체는 중괄호 {} 를 사용해서 생성하고, 중괄호 안에는 객체에 필요한 속성(property)들을 정의함 속성명 : 속성값 의 형태로 정의 (키: 밸류) 속성값으로는 모든 자료형의 값을 담을 수 있음 변수 = { 속성명:속성값, 속성명:속성값, .. }; - 객체 속성에 접근하는 방법 1) 대괄호 이용하는 방법 : 객체명["속성명"] 2) . 을 이용하는 방법 : 객체명. 속성명 - 객체 생성시 특이 케이스 속성명에 공백이나 특수문자가 있을 경우 따옴표 안에 작성하여 문자열로 묶어주어야한다. > 객체 속성에 접근할 경우 객체명.속성명 의 방법으로 접근 불가 > 객체명["속성명"]으로 접근해야함 실행확인 HTML 삽입 미리보기할 수 없는 소스 객체에서의 반복문 객체가 가지고 있는 모든 ..
JavaScript 07. 함수
2022. 12. 19. 16:49
Front/JavaScript
함수(function) 함수의 종류 : 선언적 함수 / 익명함수 * 선언적 함수 function 함수명(매개변수,매개변수,..){ 해당 함수 호출시 실행할 소스코드;} [return 결과값;] }; * 익명함수 변수|속성 = function([매개변수,...]){ 해당 함수 호출시 실행할 소스코드; [return 결과값;] }; -> 특정 변수나 속성에 대입되는 함수 제시시 주로 사용됨 (주로 이벤트 핸들러 작성시 사용) 실행확인 HTML 삽입 미리보기할 수 없는 소스 함수의 매개변수 : 매개변수 제시시 자료형 지정하지않음, 선언구문X => 변수명만 지정 - 정의 해둔 매개변수 갯수보다 더 많이 전달하는 것 가능하지만 초과된 전달값은 무시됨 - 정의해둔 매개변수 갯수보다 더 적게 전달하는 것 가능 ( 오..
JavaScript 06. 배열
2022. 12. 19. 15:41
Front/JavaScript
배열 - 변수 선언시 별도의 자료형 지정이 없기 떄문에 어떤 자료형의 값들이든 하나의 배열공간에 담을 수 있음 - 크기 제약 없음 * 배열의 0번 인덱스부터 마지막 인덱스까지 순차적으로 접근 => " for in문" 활용 for(let i in arr){ 순차적으로 접근할 배열 } 확인하기 HTML 삽입 미리보기할 수 없는 소스 * 배열 관련 메소드 1. 배열.indexOf(찾고자하는 요소): 배열에서 해당요소가 위치해 있는 인덱스 반환 확인하기 HTML 삽입 미리보기할 수 없는 소스 >> 자바스크립트에서 두값이 동일한지 비교하는 연산자 동등연산자 ( == ) : 자료형과 무관하게 실제 값만 일치해도 true 일치연산자 ( === ) : 값, 자료형 둘다 일치해야 true 2. 배열.concat(배열, ..
JavaScript 실습문제 3. 버튼을 눌러 크기 조정하기
2022. 12. 16. 20:39
Front/JavaScript 실습문제
1. div요소와 버튼 만들기 50x50 원본(100X100) 200X200 2. 버튼클릭시 발생하는 메소드 작성 >>> 위의 세가지 메소드를 한개로 정의 가능( 매개변수 이용) 50x50 원본(100x100) 200x200 HTML 삽입 미리보기할 수 없는 소스
JavaScript 실습문제 2. 버튼을 클릭해 색상 변경하기
2022. 12. 16. 20:32
Front/JavaScript 실습문제
1. 바뀐 색상이 들어갈 div요소와 색상선택할 input요소, 버튼 생성하기 변경 2. 색상선택 후 div의 backgroundColor 변경되도록 함수 작성 >>위의 코드를 아래와 같이 한줄로 변경할 수 있음 HTML 삽입 미리보기할 수 없는 소스
JavaScript 실습문제 1. 행과 열 입력받아 테이블 만들기
2022. 12. 16. 20:21
Front/JavaScript 실습문제
1. prompt를 통해 행과 열의 개수를 입력받아 변수에 저장 var row = prompt("테이블 행의 갯수는? "); var col = prompt("테이블 열의 갯수는? "); 2. 반복문을 통해 입력받은 행과 열 갯수만큼의 테이블 생성구문 작성 ( 이중 for문 ) var table = ''; for(let i = 0; i>> 버튼 눌러서 확인 HTML 삽입 미리보기할 수 없는 소스
JavaScript 05. 문자열과 숫자
2022. 12. 16. 16:30
Front/JavaScript
문자열 관련 기본 메소드 1) toUpperCase() : 문자열을 대문자로 반환 2) toLowerCase() : 문자열을 소문자로 반환 3) CharAt(i) : i번째 인덱스의 문자 반환 4) indexOf("위치찾고자하는 문자") : 문자의 위치를 반환 -> 해당 문자가 존재하지 않을 경우 -1을 반환 5) lastIndexOf("위치찾고자하는 문자") : 뒤에서 부터 찾고자하는 문자의 위치를 반환 6) subString(시작인덱스) : 입력한 시작인덱스부터 끝까지의 문자열을 반환 subString(시작인덱스, 끝인덱스) : 시작인덱스부터 끝인덱스까지의 문자열을 반환 7) split("구분자"): 구분자로 문자열을 나누기 -> 배열로 반환 문자열 처리 메소드 HTML 삽입 미리보기할 수 없는 소스..