본문 바로가기

JS/정리13

[JAVA] 접근제한자 접근 제한자 - 중요한 필드와 메소드가 외부로 노출되지 않도록하여 객체의 무결성을 유지하기 위해 접근 제한자를 사용한다. - 접근 제한자는 public, protected, private 의 3가지 종류가 있다. 클래스의 접근 제한 - 클래스를 선언할 때 public 접근 제한자를 생략하면(default) 클래스는 다른 패키지에서 사용할 수 없다. - 클래스를 선언할 때 public 접근 제한자를 붙이면 클래스는 같은 패키지 뿐만 아니라 다른 패키지에서도 사용할 수 있다. 생성자의 접근 제한 - 생성자는 public, default, private 접근 제한을 가질 수 있다. 필드와 메소드의 접근 제한 - 필드와 메소드는 public, default, private 접근 제한을 가질 수 있다. Sette.. 2023. 1. 11.
[자바스크립트] DOM(2) 노드 리스트 - querySelectAll() 메서드를 사용해 가져온 여러 개의 노드를 저장한 것 - 배열과 비슷한 형태를 띄고 있다. - 특정 인덱스 값을 가지고 있어 인덱스로 접근이 가능하다. 텍스트노드를 사용하는 새로운 요소 추가하기 1. 요소 노드 만들기 - createElement() 메서드 - document.createElement(노드명); 2. 텍스트 노드 만들기 - createTextNode() 메서드 - document.createTextNode(텍스트); 3. 자식노드 연결하기 - appendChile() 메서드 - 부모노드.appendChilde(자식노드) 속성 값이 있는 새로운 요소 추가 1. 요소 노드 만들기 - createElement() 메서드 2. 속성 노드 만들기 - c.. 2022. 12. 20.
[자바스크립트] DOM DOM(문서객체 모델) 자바 스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는방법 DOM은 웹 문서와 그 안의 모든 요소를 '객체'로 인식하고 처리한다. DOM트리 - 웹 문서에 있는 요소들 간의 부모, 자식 관계를 계층 구조로 표시한 것 - 노드(node) : DOM 트리에서 가지가 갈라져 나간 항목 - 루트 노드(root node) : DOM 트리의 시작부분(html) - 각 노드사이의 관계를 부모와 자식, 형제간으로 표현한다. (부모 노드(parent node) 에는 자식 노드(childe node)가 있으며, 부모노드가 같은 형제 노드(sibling node)도 있다.) DOM을 구성하는 기본 원칙 모든 HTML태그는 요소(element) 노드 .. 2022. 12. 19.
[자바스크립트] 객체(2) 브라우저 관련 객체의 계층 구조 브라우저 관련 객체 - window 객체 window 객체의 프로퍼티 - 주로 웹 브라우저 창의 정보를 가져오거나 값을 바꿀 때 사용 - 프로퍼티 이름 앞에 'window.'을 붙인다. ※ 로컬 스토리지 : 영구 저장공간 ※ 세션 스토리지 : 임시 저장공간 window 객체의 메서드 - winodw객체는 기본 객체이므로 '.winodw'를 생략하고 메서드 이름만 사용해도 된다. - alert : 알림창 표시 - pormpt : 프롬프트 창에 입력한 텍스트 반환 - print : 현재 문서 인쇄 - focus : 현재 창에 포커스 부여 - open : 새로운 창 열기 링크를 클릭하거나 웹 문서를 열때 새창이 자동으로 뜨게하려면 window.open()메서드를 사용하여 팝업 .. 2022. 12. 16.
[자바스크립트] 객체 (1) 객체 - 프로그램에서 인식할 수 있는 모든 대상 - 데이터를 저장하고 처리하는 기본 단위 자바스크립트 객체 - 자바스크립트 안에 미리 객체로 정의해 놓은것 - 문서객체 모델(DOM) : 문서 뿐만 아니라 웹 문서 안에 포함된 이미지,링크, 텍스트 필드 등 모두 별도의 객체로 관리 -브라우저 관련 객체 : 웹 브라우저 정보를 객체로 관리 - 내장 객체 : 웹 프로그래밍에서 자주 사용하는 요소를 객체로 정의해 놓음 사용자 정의 객체 - 필요할 때마다 사용자가 직접 만드는 객체 객체 인스턴스 만들기 - 객체는 객체 자체가 아니라 인스턴스 형태로 만들어서 사용 인스턴스 - 객체를 틀처럼 사용해서 같은 모양으로 찍어낸것 (new 객체명) var now = new Date(); // Date객체의 인스턴스를 만들고.. 2022. 12. 16.
[자바스크립트] 이벤트 이벤트 - 웹 브라우저나 사용자가 하는 동작 - 웹 문서 영역안에서 이루어지는 동작만 가리킨다. - 주로 마우스나 키보드를 사용할 때, 웹 문서를 불러올 때, 폼에서 내용을 입력할 때 발생한다. 이벤트 처리기 - 이벤트가 발생했을 때 처리하는 함수 - 이벤트 핸들러(event handler)라고도 한다. - 이벤트가 발생한 HTML 태그에 이벤트 처리기를 직접 연결한다. DOM을 이용한 이벤트 처리기 - 자바스크립트가 주인이 되어 HTML의 요소를 가져와서 이벤트 처리기를 연결한다. - querySelector()를 사용하여 웹 요소를 가져올 수 있다. 2022. 12. 15.
[자바스크립트] 함수 함수(메서드) - 동작해야 할 목적대로 명령을 묶어 놓은 것 - 각 명령의 시작과 끝을 명확하게 구별할 수 있음 - 묶은 기능에 이름을 붙여서 어디서든 같은 이름으로 명령을 실행할 수 있음 함수의 선언 - 어떤 명령을 처리할지 미리 알려주는 것 function 함수명(){ //명령 } 함수 호출 - 선언한 함수를 사용하는것 함수명(); 함수명(매개 변수); 매개변수 - 하나의 함수를 여러 번 실행할 수 있도록 실행할 때 마다 바뀌는 값을 변수로 처리한 것 인수 - 함수를 실행할 때 매개 변수 자리에 넘겨주는 값 return 값 - 함수의 실행이 끝날 때 하나의 값에 대해서만 반환한다. 익명함수 - 함수 이름이 없는 함수 - 함수 자체가 식이므로 함수를 변수에 할당할 수 도 있고 다른 함수의 매개변수로 사.. 2022. 12. 15.
[자바스크립트] 변수 선언 var를 사용한 변수의 특징 지역변수 - 함수 안에서 선언하고 함수 안에서만 사용한다. - var와 함께 변수이름을 지정한다. 전역변수 - 스크립트 소스 전체에서 사용한다. - 함수 밖에서 선언하거나 함수 안에서 var 없이 선언한다. ※ 스코프 - 변수가 적용되는 범위 - 스코프에 따라 지역변수(로컬 변수)와 전역 변수(글로벌 변수)로 나뉜다. 더보기 실행결과 let을 사용한 변수의 특징 블록변수 - 블록 ({ })안에서만 사용할수 있다. - 전역변수는 변수 이름과 초깃값만 할당하면 된다. - 재할당은 가능하지만 재선언은 할수 없다. - 호이스팅이 되지않는다. const를 사용한 변수의 특징 상수 - 변하지 않는 값을 선언할 때 사용한다. - 재선언 및 재할당을 할 수 없다. const currentY.. 2022. 12. 15.
[자바스크립트] 변수 변수 변수 : 값이 여러 번 달라질 수 있는 데이터 상수 : 값을 한 번 저장하면 바뀌지 않는 데이터 변수 선언 - var 뒤에 변수이름 작성 - var를 한번만 쓰고 여러 개의 변수를 한 번에 선언할 수도 있다. - '='기호를 이용하여 값을 저장할 수 있다. 변수 선언 규칙 - 영어 문자, 언더스코어(_), 숫자를 사용하여 변수명을 지정한다. - 첫 글자는 영문자, _기호, $기호 사용를 사용할 수 있다. - 띄어쓰기, 기호는 허용되지 않는다. now, _now, now25 (사용할 수 있음) 25now, now 25, *now (사용할 수 없음) - 영어 대소문자를 구분하며 예약어는 변수이름으로 사용할수 없다. - 여러 단어를 연결할 때는 하이픈(-)이나 언더스코어(_)를 사용할 수 있고, 중간에 .. 2022. 12. 15.

티스토리툴바