삶 가운데 남긴 기록 AACII.TISTORY.COM

중첩(Nested) 클래스, 인터페이스 중첩 클래스는 클래스 내부에 선언한 클래스를 말합니다. 마찬가지로 클래스 내부에 선언하는 인터페이스는 중첩 인터페이스입니다. 각 클래스간 긴밀한 관계에 있을 때, 혹은 UI 프로그램을 만들 때 이벤트를 처리할 목적으로 많이 활용됩니다. public class View{ public interface OnClickListener{ public void onClick(View v); } } 인스턴스 멤버 클래스 class A{ class B{ ... } } 외부에서 B클래스의 인스턴스 객체를 만들려면 A클래스의 인스턴스 객체를 먼저 생성하고 B클래스의 인스턴스를 생성해야 합니다. A a = new A(); A.B b = a.new B(); 만약 중첩 클래스를 stati..

추상 클래스(abstract class) 클래스 이름 앞에 abstract 키워드를 붙은 클래스를 추상 클래스라고 합니다. 추상 클래스는 인스턴스를 생성할 수 없고 상속 후에 오버라이딩을 할 목적으로 생성합니다. 추상화된 클래스를 부모 클래스로 사용함으로써 자손 클래스들의 공통된 필드나 메서드의 이름을 통일시켜서 설계 목적으로 사용합니다. Abstract.java public abstract class Abstract { public String owner; public Abstract(String owner) { this.owner = owner; } public void turnOn() { System.out.println("전원 켬"); } public void turnOff() { System.o..

객체지향 언어 객체지향 언어는 캡슐화, 상속, 다형성이 특징입니다. 클래스(class) 클래스는 기본 데이터 타입들(int , char, ...)로 된 변수(필드)들과 그들을 다루기 위한 동작(method)들을 정의한 객체(object)로 인스턴스(instance: 메모리에 구현된 객체)를 생성하기 위한 설계도입니다. 클래스 내부에 정의된 변수(필드)와 메서드들을 그 객체의 멤버(member)라고 부릅니다. 클래스 이름은 대문자로 시작하도록 이름을 정하는 것이 관례입니다. 캡슐화 데이터(필드)를 외부로부터 숨겨서(은닉화) 접근을 허용하지 않는 대신 제어 가능한 일부 필드와 메서드를 제공합니다. 자바에서는 접근 제한자를 이용하여 구현합니다. 접근 제한자 public : 모든 접근 허용 protected :..

if~else class Sample { public static void main(String[] args){ int num = (int)(Math.random()*6) +1;//주사위 번호 뽑기 if(num == 1) { System.out.println("1번이 나왔습니다."); }else if(num == 2){ System.out.println("2번이 나왔습니다."); }else { System.out.println("3번이상이 나왔습니다."); } } } switch class Sample { public static void main(String[] args){ int num = (int)(Math.random()*6) +1;//주사위 번호 뽑기 switch(num) { case 1: Sy..

단항 연산자 1. 부호 연산자: +, - int i = -100; 2. 증감 연산자: ++, -- int x = 1; int y = 1; int result1 = ++x + 10;//먼저 x를 1증가 후 연산 int result2 = y++ + 10;//연산 후 y를 1 증가 3. 논리(boolean) 부정 연산자: ! boolean isComplete = false; System.out.println(isComplete); System.out.println(!isComplete); 4. 비트 반전 연산자: ~ 비트 반전 연산자는 정수 타입에만 사용됩니다. 비트 반전을 하고 나면 데이터 타입이 int 타입이 됩니다. 최상위 비트는 부호비트이므로, 비트 반전시 최상위 비트 포함해서 반전이 되므로 부호가 반..

변수(variable) 변수는 값을 저장하는 메모리 공간을 가리키는 메모리 주소를 참조하는 이름을 붙인 것입니다. 변수의 선언 변수는 사용하기 전에 선언을 해야 합니다. 왜냐하면 저장되는 값의 데이터 타입(data type)에 따라서 메모리 공간의 크기가 달라지기 때문입니다. 그 데이터 타입의 크기만큼 공간을 미리 확보해서 다른 프로그램이 값을 변경시키지 못하도록 해야 하기 때문입니다. int age; 여기서 int가 데이터 타입(정수형)이고 age가 변수입니다. 변수 작성 관례 1. 알파벳 소문자로 시작합니다. 2. 단어를 합성할 때 첫 글자를 대문자로 합니다. (낙타등 표기법) 3. 자바에서 사용하는 예약어는 금지입니다. char charData; 변수 할당 연산자 = = 은 수학에서는 같다의 뜻이지..

JDK 구버전 다운로드 최신 버전은 연구용이나 학습용으로 주로 사용됩니다. 프로젝트에서는 보통 최신 버전을 사용하지 않고 안정화되고 대중화된 버전을 사용합니다. 그래서 jdk 구버전이 필요할 때가 있습니다. 아래는 오라클에서 제공하는 모든 구버전 다운로드에 관한 링크입니다. https://www.oracle.com/technetwork/java 단, 오라클 계정이 필요합니다. JDK JDK는 java virtual machine 실행환경과 개발환경 모두 포함되어 있습니다. jdk설치 경로에는 bin 디렉토리가 있는데, 거기에 javac 가 .java 소스코드를 .class로 컴파일 해주는 컴파일러이고, java가 class를 실행해주는 실행 파일입니다. (윈도우: 제어판>시스템 및 보안>시스템>고급 시스..

Q. 언어를 배우는 방법? 언어(외국어)를 배울 때, 처음엔 듣고 따라하거나 무작정 외우거나 해서 그 언어에 익숙해지는 방법을 사용합니다. 물론 나중에 일정한 수준에 이르면 문법 지식이나 고도화된 활용법을 연구해야 하는 시기가 오지만, 시작하는 단계에서는 아직 그럴 때가 아닙니다. 이 방법은 프로그래밍 언어를 배울 때도 마찬가지 입니다. 먼저 좋은 샘플 코드를 보고 따라쳐보고 무작정 외워서 그 언어에 빨리 익숙해지는 것이 먼저입니다. 배우는 속도에는 차이가 있을 수 있으나 노력만 하면 누구나 할 수 있는 것이 언어입니다. Q. 저는 강의를 듣고 책을 읽어도 코딩을 좀처럼 할 수 없습니다. 모든 언어는 반복 트레이닝(연습)을 기본으로 해야하는 것입니다. 눈으로 읽거나 듣는 연습만을 해서는 말하거나 쓰기가 ..

자바스크립트에서 메인 스레드 외에 Web Wokers에서 병렬로 처리되는 스레드를 워커(woker)라고 합니다. 워커와 메인 스레드는 서로 다른 전역 객체를 가지기 때문에 상대방의 전역 객체를 참조할 수 없습니다. 그래서 워커와 메인 스레드 사이에는 postMessage를 사용한 비동기 통신만 가능합니다. Worker 객체 생성 var worker = new Worker("worker.js"); 메인스레드와 같은 디렉터리에 있는 worker.js 가 워커를 정의한 자바스크립트 파일입니다. Worker생성자의 인수로 URL(같은 사이트)을 넘길 수 있습니다. 워커에 메시지 전송 worker.postMessage("message"); worker 인스턴스가 생성되면 postMessage로 메시지를 보낼 수 ..

BLOB(Binary Large Object) Blob 생성자 var blob = new Blob(source, {type: contentType}); 여기서 source는 버퍼 배열이고 contentType은 MIME 타입입니다. String 타입은 UTF-8 바이너리로 변환됩니다. //문자열 Blob var blob = new Blob(["JavaScript"], {type: "text/plain"}); console.log(blob.size, blob.type); //10 "text/plain" //형식화 배열 blob var a = new UintBArray([0,1,2,3]); var blob = new Blob(a, {type: "application/octet-stream"}); consol..

draggable HTML element를 드래그 할 수 있도록 attribute를 설정할 수 있습니다. 드래그 드래그 앤 드롭 관련 이벤트 dragstart : 드래그 시작 할 때 발생 drag : 드래그를 하는 동안 발생 dragend : 드래그가 끝났을 때 발생 dragenter : 마우스가 드롭 요소의 경계선 안쪽으로 들어갈 때 발생 dragover : 마우스가 드롭 요소의 경계선 안에 있을 때 발생 dragleave : 마우스가 드롭 요소의 경계선 바깥으로 나왔을 때 발생 drop : 요소에 드롭할 때 발생 데이터 전달 드래그 앤 드롭 이벤트의 dataTransfer 프로퍼티 types : setData 메서드로 설정한 데이터 타입 목록 files : 드래그한 파일 객체 목록 effectAllo..

생성자 1. 함수의 선언문으로 정의 function Card(suit, rank){ this.suit = suit; this.rank = rank; } Card.prototype.show = function(){ console.log(this.suit + this.rank); }; 2. 함수 리터럴로 정의 var Card = function(suit, rank){ this.suit = suit; this.rank = rank; }; Card.prototype.show = function(){ console.log(this.suit + this.rank); }; 3. 클래스 선언문으로 정의 class Card { constructor (suit, rank){ this.suit = suit; this.ran..

Ajax Ajax는 XMLHttpRequest 객체를 이용하여 웹서버와 비동기 통신하고 XML이나 JSON을 통해 DOM을 동적으로 갱신하는 기법을 말합니다. XMLHttpRequest 프로퍼티 readyStateHTTP : 통신 상태(0~4) , 읽기 전용 response : 응답 내용, 읽기 전용 responseText : 응답 내용을 텍스 형식으로 가져 옴, 읽기 전용 responseType : 응답 타입, 쓰기 가능 responseXML : 응답 내용을 XMLDocument 객체로 가져옴, 읽기 전용 status : HTTP 상태 코드, 읽기 전용 statusText : 요청 상태 보충 메시지, 읽기 전용 timeout : 요청을 끝내는데 걸릴 시간을 가져오거나 설정, 쓰기 가능 withCrede..

비동기 처리 console.log("A"); setTimeout(function(){console.log("B");}, 0); console.log("C"); 위 코드의 실행 결과는 A -> C -> B 순으로 표시됩니다. 비동기 작업은 콜백 함수로 작업을 예약 해놓고 다음 작업을 수행하기 때문입니다. 콜백 지옥 function sleep(callback){ setTimeout(function(){ callback(); },1000); } sleep(function(){ console.log("A"); sleep(function(){ console.log("B"); sleep(function(){ console.log("C"); }); }); }); Promise var promise = new Prom..

이벤트 리스너(listener) 등록 방법 HTML과 DOM에 이벤트 리스너는 하나만 등록할 수 있습니다. 증복해서 등록할 경우 이전에 등록한 핸들러는 무시됩니다. HTML attribute DOM var btn = document.getElementById("button"); btn.onclick = changeColor(); element.addEventListener(type, listener, useCapture) type : 이벤트 유형 listener : 이벤트 처리를 담당할 콜백 함수 참조 useCapture : 캡처링 단계(true), 버블링 단계(false) , 생략 가능 var btn = document.getElementById("button"); btn.addEventListener..