동일성(identity)public class Main { public static void main(String[] args) { String str1 = new String("is same?"); String str2 = new String("is same?"); System.out.println(str1 == str2); // false }}실행 결과 : false동일성 비교 연산자 : ==자바에서 동일하다고 말하는 경우 : 같은 인스턴스 참조하고 있을 때각 인스턴스가 같은 값을 가지고 있더라도 String 객체가 각각 생성되었기 때문에 서로 다른 인스턴스 => 두 변숫값은 서로 동일하지 않음 동등성(equality)public class Main {..
프로그래밍언어
간단한 AJAX 코드비동기 자바스크립트와 XML이라는 뜻으로 자바스크립트를 통해 서버에 비동기로 요청하는 것XML이 붙었지만, JSON을 사용해도 무관(현재는 JSON 사용하여 통신하는 경우가 많음)클라이언트 코드HTML 페이지 내에 XHR을 사용하여 서버로 AJAX 요청하는 코드 AJAX resources/static 폴더에 추가된 ajaxStudy.html onReadyStateChange()라는 함수 선언ajaxRequest.readyState가 DONE or 4가 되면 true, 아니면 false 에러로그 찍음 XHR 객체는 UNSENT -> OPENED -> HEADERS_RECEIVED -> LOADING -> DONE의 순서로 총 4번의 변화UNSENT : 0 : XHR 객..
JSON 표기 방법Javascript에서 Object(객체)를 Notation(표기)하는 방법기본형태{ "name":"김땡땡". "age":30, "isAlive":true, "address":{ "city":"Seoul", "postCode":"12345" }, "family":["dad","mom"] "children":[], "spouse":null}[ { "name":"이가네". "age":20 }, { "name":"박가네". "age":30 }]중괄호로 시작해서 중괄호로 끝남"key":value 처럼 하나의 쌍으로 데이터를 표기각 데이터의 쌍은 쉼표로 구분key는 큰따옴표 필수, value은 값의 타입에 따라 큰따옴표로 감싸거나 감싸지 않음배열의 형태로 시작할 수 있..
1. JSMOOTH 설치 https://sourceforge.net/projects/jsmooth/files/jsmooth/0.9.9-7/ 로 링크를 눌러 이동 jsmooth-0.9.9-7-setup.exe 를 다운 및 설치 ☞ 설치 후 파일 실행이 안될때(No Java 에러) => 시스템 환경변수 JAVA_HOME 확인 '고급-환경변수' -> 시스템변수 -> 변수이름 : JAVA_HOME / 변수값 : JDK설치경로 bin파일 2. JAVA jar 파일 배포 File -> Export -> Runnable JAR file ->내보낼 프로젝트, 내보낼 위치 선택 -> Finish 3. JSMOOTH 실행 Skeleton 탭 => Windowed Wrapper Executable 탭 => 실행파일명.exe..
CSS 박스 속성 HTML 요소를 사각형 형태의 박스로 간주하는 것으로, CSS를 총해 각 박스의 위치, 크기, 색상 등을 지정한다. ㄴ padding속성은 내용과 테두리 사이의 간격을 지정 ㄴ border속성은 테두리 두께와 색상 등 스타일을 지정 ㄴ margin속성은 테두리 밖이 다른 요소 사이의 간격을 지정 요소의 위치 설정 - position 속성 HTML 요소를 배치 할 때 기준이 되는 위치로, 위치 설정 방식을 지정 position : static | absolute | relative | fixed ; static => 페이지의 정상적인 흐름에 따라 현재의 위치를 요소의 위치로 결정, 별도로 위치 지정/변경 불가(top,bottom,left,right 속성값 무시)(기본값) absolute ..
CSS 박스 속성 HTML 요소를 사각형 형태의 박스로 간주하는 것으로, CSS를 총해 각 박스의 위치, 크기, 색상 등을 지정한다. ㄴ padding속성은 내용과 테두리 사이의 간격을 지정 ㄴ border속성은 테두리 두께와 색상 등 스타일을 지정 ㄴ margin속성은 테두리 밖이 다른 요소 사이의 간격을 지정 요소의 크기 설정 내용이 표시되는 영역의 폭과 높이를 지정 css의 width, height 속성은 그림, 표, 각종 버튼, 문단 등의 다양한 요소에 크기를 지정 가능 min, max를 붙여서 최소폭, 최소높이, 최대폭, 최대높이를 지정할 수 있다. width : | | auto ; height : | | auto ; => px, pt, cm 등으로 크기를 지정 => 포함하는 블록에 대한 백분율..
window객체 창에 대한 전반적인 모든 상황을 제어하는 최상위 객체로 widow객체에서 파생 된 다른 객체를 이용해 대부분의 작업을 처리한다. 매우 다양한 메서드와 속성을 제공하는데 alert(), confirm(), prompt()도 window 객체에 포함 된 메서드다. 원칙적으로 window.메서드() 처럼 window를 붙여서 사용해야 하지만 생략해도 무방하다. 메서드 설명 open() 새로운 윈도우를 엶 close() 열린 창을 닫음 setInterval() 일정 시간 간격으로 반복적으로 함수 호출. 함수 수행 중지는 clearInterval() 사용 setTimeout() 일정 시간 후 지정함수를 수행. 함수 수행 중지는 clearTimeout() 사용 alert() 경고창 표시 confir..
CSS 박스 속성 HTML 요소를 사각형 형태의 박스로 간주하는 것으로, CSS를 총해 각 박스의 위치, 크기, 색상 등을 지정한다. ㄴ padding속성은 내용과 테두리 사이의 간격을 지정 ㄴ border속성은 테두리 두께와 색상 등 스타일을 지정 ㄴ margin속성은 테두리 밖이 다른 요소 사이의 간격을 지정 margin 속성 박스 테두리 밖의 여백을 지정. margin : 상(top) 우(right) 하(bottom) 좌(left) margin : 상 좌우 하 margin : 상하 좌우 margin : 상화좌우 margin-top, margin-right, margin-bottom, margin-left 각자 지정 가능 2개 이상의 박스가 인접 한 경우 : 아래마진과 위마진 중 큰 값을 갖는 하나의..
CSS 박스 속성 HTML 요소를 사각형 형태의 박스로 간주하는 것으로, CSS를 총해 각 박스의 위치, 크기, 색상 등을 지정한다. ㄴ padding속성은 내용과 테두리 사이의 간격을 지정 ㄴ border속성은 테두리 두께와 색상 등 스타일을 지정 ㄴ margin속성은 테두리 밖이 다른 요소 사이의 간격을 지정 display 속성 요소를 위해 사용할 박스의 종류를 지정 속성 값으로 inline의 올 경우 width/height 속성을 지정 할 수 없고, margin 속성은 좌우로만 적용 할 수 있다. inline-block, block의 경우 width/height, margin 속성을 정상적으로 지정 할 수 있다. display : none | inline | block | inline-block |..
DOM(Document Object Model) 브라우저가 HTML 문서에 접근 할 수 있도록 정의 해 놓은 표준 모델. 태그를 객체로 만든 것을 문서 객체라고 하고, HTML 문서를 분석하고 표시하는 방식을 문서 객체 모델이라고 한다. 계층적인 구조를 갖는 트리로 표현된다. DOM에서 자바스크립트를 이용하면 프로그램 실행 중 웹 문서의 내용, 구조 및 스타일 등에 쉽게 접근하고 동적인 작업을 할 수 있다. 문서 제목 HTML DOM DOM 트리 document노드 : DOM트리의 루트 노트로 HTML문서 자체를 나타낸다. 요소(element)노드 : 등 요소들 텍스트 노드 : 문서제목, HTML DOM, DOM 트리 등 요소 안에 있는 텍스트들 속성(attribute)노드 : class 등 요소의 속성..
