개발_웹 56

JavaScript | 자바스크립트의 즉시 실행 함수 (immediate funtions)

즉시 실행 함수 정의와 동시에 실행되는 함수 즉시 실행 함수의 특징 한 번의 실행만 필요로 하는 초기화 부분에 주로 사용된다. 전역 변수를 만들지 않아도 되게 하기 때문에 코드 충돌 없이 구현이 가능하게 한다. 작성 예 기명 함수 형태 (function square(x) { console.log(x*x); })(2); (function square(x) { console.log(x*x); }(2)); 익명 함수 형태 (function (x) { console.log(x*x); })(2); (function (x) { console.log(x*x); }(2)); 함수 표현식 (mySquare = function (x) { console.log(x*x); })(2); // default value mySqu..

JavaScript | 자동 실행 함수 (window.onload, $(document).ready())

요약 window.onload 와 $(document).ready() 중에 어느 한 쪽이 좋다고 할 수 없다. window.onload 는 페이지의 모든 요소들이 로드된 이후에 호출되며, $(document).ready() 는 DOM 요소들만 로드되면 호출된다. window.onload 는 한 페이지에 하나의 함수만 호출되지만, $(document).ready() 는 모두 호출된다. window.onload Javascript로 페이지 로드 시 자동으로 실행되는 함수를 구현하려면 전역 콜백함수인 window.onload 함수를 사용하면 된다. 2017.07.19 - [분류 전체보기] - Javascript | 전역 콜백 함수 Javascript | 전역 콜백 함수 전역 콜백 함수 자바스크립트는 특수한 글..

Java | 추상클래스(abstract) vs 인터페이스(interface)

추상 클래스 abstract로 선언한 클래스 추상 메소드를 포함 추상 메소드 선언은 되어 있으나 코드가 구현되어 있지 않은 껍데기만 있는 메소드 abstract 키워드와 함께 타입, 이름, 매개변수만 선언 자식클래스에서 오버라이딩하여 사용 추상 클래스의 특징 객체를 생성 불가 (선언은 가능 ex DObject obj;) 추상메소드 뿐만이 아니라 일반 메소드 포함 가능 추상 클래스의 상속 추상 클래스를 상속받은 클래스도 추상 메소드를 전부 오버라이딩 하지 않으면 추상 클래스가 된다. 예시 // 추상 클래스 abstract class DObject { abstract public void draw(); } // 추상 클래스를 상속한 클래스1 class Line extends DObject { public v..

개발_웹/Java 2017.08.15

CSS | visibility:hidden, display:none 차이점

display:none = 유령 해당 Tag와 그 내부의 모든 Tag의 내용을 없애버린다. 해당 Tag가 점유하고 있던 block을 아예 없애고, 화면 상엔 원래 없었던 것처럼 나타나게 된다 visibility:hidden = 투명인간 해당 Tag와 그 내부의 모든 Tag의 내용을 숨겨버린다. 이는 없애는 게 아니라 보이지만 않게 하는 터라 해당 Tag가 점유하고 있던 공간은 공란으로 나타나게 된다

HTML | HTML5, XHTML 한글 깨짐 문제 / 인코딩 설정

HTML의 인코딩 방식 때문에 한글이 깨질 때가 있다. 이는 브라우저에서 인식하는 인코딩 방식과 html 파일의 인코딩 방식이 달라 생기는 문제인데 둘 다 하나의 인코딩 방식으로 통일해 주면 된다. 먼저 html 파일의 인코딩 방식 설정은 에디터(개발툴, IDE) 설정에서 가능하다. 브라우저의 인코딩 방식 설정은 웹사이트에서 인코딩 관련 태그를 전송 해 주는 방법이 있다. UTF-8 인코딩 방식을 많이 사용하므로 예를 들어보면 XHTML의 경우 아래 코드를 태그 안에 삽입한다. HTML5의 경우 아래 코드를 태그 안에 삽입한다.