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(배열, ..
[Java] 배열 자르기
2022. 12. 16. 21:42
JAVA/JAVA실습문제
- 정수배열 numbers와 정수 num1, num2가 매개변수로 주어질때, numbers의 num1번째 인덱스부터 num2번째 인덱스까지 자른 정수 배열을 return 하기 문제풀이 1) .copyOfRange() 메소드 이용하기 copyOfRange(원본배열, 복사 시작할 인덱스 , 마지막으로 복사될 배열요소의 다음인덱스) import java.util.*; class Solution { public int[] solution(int[] numbers, int num1, int num2) { return Arrays.copyOfRange(numbers,num1,num2+1); } } >> java.util패키지를 import해줘야함 문제풀이 2) for문 이용 하기 class Solution { pu..
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 삽입 미리보기할 수 없는 소스..
JavaScript 04. 요소 가져오기 (접근하기)
2022. 12. 16. 16:10
Front/JavaScript
HTML 요소에 접근하기 ( 해당 요소 객체 가져오기 ) 아이디를 이용해서 요소 가져오기 : document.getElementById("아이디명") -아이디로 접근해서 버튼 클릭시 div 의 속성값 변경하기 아이디로 접근 HTML 삽입 미리보기할 수 없는 소스 - 조건문이용해서 속성값 변경 클릭 > 조건문을 이용해서 red 색상이면 gold로 , red가 아니면 red로 변경하도록 함 태그명을 이용해서 요소가져오기 : document.getElementsByTagName("태그명") 목록1 목록2 목록3 목록4 목록5 태그명으로 접근 > 반환값이 [배열]에 담겨 있기 때문에 바로 .innerHTML과 같은 함수 사용할 수 없음 ( 인덱스에 접근해서 사용) HTML 삽입 미리보기할 수 없는 소스 name..