커피와 개발자

align의 center가 되는 것은 block레벨이 아닌 것에만 적용이 된다. div는 block 레벨이니 당연히 div 자체에는 align이 되지 않는다. 예제 1 중앙 정렬 예제 2 중앙 정렬 예제 1처럼 div에 margin:0 auto; 예제 2처럼 margin-right:auto; margin-left:auto; 하면 중앙 정렬이 된다.

Ajax 비동기식 처리와 동기식 처리 Ajax(Asynchronous JavaScript and XML)는 비동기적인 웹 애플리케이션의 제작을 위해서 표현 정보를 위한 HTML과 CSS, 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM JavaScript, 웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위한 XML, Json, HTML, 텍스트 등을 이용하는 웹 개발 방법입니다. 웹에서 서버 측에 데이터를 요청하고 데이터의 수신이 완료될 때까지 기존 방법과 다르게 Ajax를 이용하여 데이터의 수신을 기다리지 않고 바로 다른 작업을 실행함에 따라 불필요한 페이지의 로딩을 기다리지 않으므로 웹의 속도가 빠르게 반응할 수 있습니다. 대부분 jQuery에서의 Ajax도 비동기식을 기본적으로 지원하..

이번 포스팅은 이클립스와 오라클의 JDBC 연동을 하는 방법입니다.1. 프로젝트에서 [New - Folder] 또는 [Ctrl + N] 으로 폴더를 하나 생성합니다. 생성할 폴더명은 lib로 입력 하고 [Finish] 버튼을 클릭합니다.2. 파일탐색기를 열어서 오라클이 설치된 사용자 계정의 경로를 포함하여 ojdbc JAR 파일을 찾습니다.(저의 기준으로 C:\오라클 설치 사용자 계정\product\11.2.0\dbhome_1\jdbc\lib 폴더안에 있습니다.)설치된 자바의 버전을 확인하시고, JDK 1.5 버전인 경우 ojdbc5.jarJDK 1.6 버전 이상인 경우 ojdbc6.jar 을 복사합니다.또는 ojdbc14.jar 을 다운로드 받아 사용해도 됩니다.3. 복사한 파일을 생성한 이클립스 li..

자바 프로그램의 실행 구조와 자바 가상 머신 자바 가상 머신(Java Virtual Machine : JVM)은 자바 바이트코드를 실행할 수 있는 주체이다. 자바 바이트코드는 플랫폼에 독립적이며 모든 자바 가상 머신은 자바 가상 머신 규격에 정의된 대로 자바 바이트코드를 실행한다. 따라서 표준 자바 API까지 동일한 동작을 하도록 구현한 상태에서는 이론적으로 모든 자바 프로그램은 CPU나 운영 체제의 종류와 무관하게 동일하게 동작할 것을 보장한다. 자바 프로그램은 OS에 따라서 서로 다른 JVM를 설치함으로써 운영체제에 독립적이고 가바 가상 머신은 운영체제에 의존적이다. 따라서 자바 프로그램은 어느 OS에서 구동을 하더라도 같은 소스 같은 컴파일 소스를 이용하여 동일한 동작을 보장한다. 자바 플랫폼 (J..

자바(Java) 설치 자바(Java)를 사용하기 위해서는 JDK를 설치한 후 내 컴퓨터에 환경변수를 설정해주어야 한다. 다음은 Windows 10 버전의 OS에서 Java를 설치한 후 환경변수 설정을 하는 내용을 따라가면서 차례대로 설명한다. Java 다운로드 1.Oracle Site > Downloads > Java > All Java Downloads 메뉴 선택 (Oracle Site : https://www.oracle.com/downloads/index.html) 2.Software Downloads > Top Downlaods 목록 중 Java SE 메뉴 선택 3.Java SE Downloads 목록에 JDK 선택 4.Accept License Agreement 옵션 선택 후 설치하려고 하는 O..

자바 가상 머신 자바 프로그램의 실행 구조

$(document).ready(function(){ ... }); $(function(){ ... }); (function($){ ... })(jQuery); 첫줄의 소스는 페이지 로딩시 실행 두번째줄의 소스는 함수를 실행 하라는 의미 세번째줄의 소스는 jquery를 사용할 때, $ 의 의미를 jquery에서 사용하겠다는 의미가 내포되어있다. $ 를 jquery만 사용하는 것이 아니라 다른 라이브러리에서도 사용할 수 있기 때문 함수에서 $ 의미는 jquery 객체로 사용이 되는 것

자바스크립트의 배열의 인덱스는 0부터 시작하여 1, 2, 3, ... 숫자로 되어있는데 문자열을 첨자로 하여 사용할 수 있다. 이런 경우를 펄(perl)에서는 해쉬(hash)라고 부른다. 자바스크립트에서도 펄의 해쉬를 구현 할수 있지만 펄의 해쉬처럼 유연하지는 못하다. 자바스크립트의 문자 인덱스의 값은 대소문자와 공백을 구별한다.

select box select box의 내용 가져오기 $('#selectboxID > option:selected').val(); select box의 값 설정 $('#selectboxID > option[value=설정대상 value값]').attr('selected','true'); check box 특정 name의 check box object를 순차적으로 가져오기 $('input:checkbox[name=체크박스이름]').each(function(i){ $(this).attr('checked',''); //checkbox의 checked상태 해제 }); 특정 name의 checked 상태인 check box object를 순차적으로 가져오기 $('input:checkbox[name='+chkNa..

alert(); 로 확인 하는 방법 -> alert으로 확인하면 해당 스크립트가 수행되다가 alert에서 정지됨. console.log(); 로 확인하는 방법 -> 브라우저의 개발자 도구 콘솔에 출력, 실행시 정지 되지 않음.