본문 바로가기

전체 글

 (44)
[JavaScript]문서 객체 모델(DOM) JS의 객체 중 마지막은 문서 객체 모델(DOM)로, 최상위 객체 window의 하위 객체인 document 객체를 말한다. 이 역시 window는 생략 가능하며, html에서 onclick 이벤트로 사용될 수 있다. 문서 객체 모델(DOM) DOM도 BOM과 작성 순서는 똑같고 BOM 자리에 대신 document가 들어가는 window.document.하위객체.속성(또는 기능) 형태로 쓴다. html 문서 내의 구성원들을 표현하며, 속성으로는 페이지 이름(document.title), 주소값(document.location), 배경색(document.bgColor), 글자색(document.fgColor) 등이 있다. 또한 이미지, 태그, 폼 등도 객체이기 때문에 document.객체명 으로 쓸 수 있..
[JavaScript]브라우저 객체 모델(BOM) JS의 여러 객체 중 브라우저를 표현하는 브라우저 객체 모델(BOM;Browser Object Model), 문서 구조를 표현하는 문서 객체 모델(DOM;Document Object Model)이 있다. 그중 BOM은 계층형 구조라서, 최상위 객체인 window 밑에 location, history, navigator 등의 객체를 말한다. 이 window의 하위 객체들을 쓸 때는 window 코드를 생략하는 것도 가능하고, BOM 역시 onclick 이벤트로 사용할 수 있다. 브라우저 객체 모델(BOM) BOM은 기본적으로 window.BOM.하위객체.속성(또는 기능) 순서로 작성하는데, 무엇을 출력하는지에 따라 방법은 다양하다. 하위 객체 없이 window만 쓰는 경우도 있고, 하위 객체가 여럿일 수도..
[HTML]폼 태그(form tag) 태그 종류 중 저번 텍스트와 기타, 테이블 태그와 같이 폼 태그가 있다. 로그인이나 가입 등의 페이지를 만드는 태그라 중요도가 매우 높은데, 이 폼에 기본적으로 쓰이는 태그들은 물론, 텍스트, 테이블, 하이퍼링크 등도 폼 안에 모두 넣을 수 있는 틀 형식의 태그다. 폼 태그 : 폼 생성(로그인, 자기소개 등), 아래의 태그들은 이 태그 안에 작성 action은 어느 위치로 폼 데이터를 이동시킬지, method는 어떤 방식으로 이동시킬지 지정. get 방식은 주소창에 데이터가 나타나게 하고, post 방식은 나타나지 않는다. : 그룹박스 생성 : 그룹 이름 지정 : 라벨로 지정되면 스타일이 동일하게 적용 : 값에는 text, password, radio, checkbox, file, hidden, butt..
[HTML]여러 가지 태그(tag) JavaScript는 태그 안에 코드를 작성하지만, html은 그냥 html 파일 안에 자유롭게 작성한다. 웹 페이지의 화면 구조를 담당하는 html은 여러 태그들로 페이지에 보이는 글씨와 이미지 크기를 조절하고, 하이퍼링크를 달거나 목록을 만들어내는 등의 작업을 한다. 태그는 JavaScript와 같이 html에서도 줄바꿈을 의미하고, 태그는 가로로 긴 줄 하나를 생성한다. 또한 은 코드 주석문으로, 저 안에 작성한 것은 실행이 되지 않는다. 이 셋을 제외한 모든 태그는 처럼 태그를 열고나서 꼭 닫아야 한다. 텍스트 관련 태그 , ... : 글씨의 크기를 조절하며, 이 제일 크고 이 제일 작다. 보통 제목과 본문 글자크기를 구분할 때 사용한다. : 이 태그 안에 작성된 글은 한 문단으로 분류된다. : ..
[Java]배열 먼저 JVM(자바 가상 머신)에는 method(메서드) 영역, heap(힙) 영역, stack(스택) 영역이 있다. method 영역에는 클래스에 대한 정보가, heap 영역에는 참조 데이터 타입의 데이터가, stack 영역은 메서드 호출 시 관계되는 변수가 저장된다. 이 stack 영역에서는 메서드가 호출될 때 메모리 공간을 제공했다가 메서드가 종료되면 회수한다. 그리고 배열(Array)은 참조 타입이기 때문에 heap 영역 메모리로 저장된다. 배열 java에서 배열은 데이터 타입이 상관없는 JS와 달리, 동일한 데이터 타입 변수들의 집합체다. 메모리 상에서 연속된 공간에 생성되며, 생성 후에는 배열 크기를 바꿀 수 없다. 인덱스 번호는 똑같이 0에서 시작하지만, JS와 다르게 없는 인덱스 호출 시에는..
[JavaScript] 함수와 객체(내장객체), 이벤트 함수(Function) 함수(Function)란 실행문을 저장해서 사용하게 만들어 놓은 기능 단위의 묶음이다. 여러 번 반복되는 작업을 함수로 저장해 놓고 필요할 때 호출해서 쓸 수 있다. 함수를 호출하기 위해서는 먼저 선언(정의)을 해야 한다. function 함수명(매개변수1, ...) { 실행문; } 식으로 선언해서 함수명(데이터1, ...); 으로 호출하면 되는데, 매개변수와 데이터는 필요 없을 경우 안 써도 된다. 리턴 값이 있을 때는 실행문 뒤에 return문을 쓰기도 한다. 그리고 익명함수를 사용하고 싶으면 참조변수=function( ) { 실행문; } 으로 선언하고 참조변수명( ); 으로 호출한다. 참고로 어떤 함수든, 함수 안에 선언된 변수(지역변수)는 함수 안에서만 사용 가능하고 그 외..
[Java]연산자와 제어문 연산자 Java와 JavaScript는 비슷한 부분이 꽤 있어서, JS에서 다뤘던 연산자들이 Java에도 거의 똑같이 있다. 산술, 대입(복합 대입), 증감, 비교, 논리, 삼항 조건 연산자가 있다는 점은 같으면서 세부적으로 조금씩 다르긴 하다. 산술 연산자(+, -, *, /, %) 중 %가 나눗셈 결과에서 나머지를 뜻하는 건 JS와 같지만, Java에서 /는 나눗셈 결과 중 몫만을 말한다. 즉, 실수가 아니라 정수가 결과로 도출된다. 더불어 Java의 산술 연산 시에는 자동 형 변환이 일어나기 때문에, int 이하의 타입들은 int로, 그 외에는 큰 타입 쪽으로 변환된다. 대입 연산자(=)와 복합 대입 연산자(+=, -=, *=, /=, %=)는 우변 값을 좌변에 계산하여 대입한다는 의미로, JS에서..
[JavaScript]제어문 제어문이란 프로그램의 흐름을 제어하는 코드로 조건문(분기문), 선택문, 반복문, 보조제어문이 있다. 조건문(분기문) 먼저 조건문은 if, else if, else으로 이뤄져 있는데, 특정 조건에 부합하는지 확인하여 실행하는 코드이며 상황에 따라 else if나 else는 생략도 가능하다. if와 else if문은 ( ) 안에 조건식을 쓰고 { } 안에 실행문을 쓰며, else문은 ( ) 없이 바로 { }를 적는 형식이며, 이 구문의 조건식에는 비교 연산자나 논리 연산자가 들어갈 수 있다. 아래는 ID와 PW를 입력받아 로그인이 되는지 확인하는 if ~ else문이다. prompt( ); 는 페이지 실행 시 입력 창을 띄워준다. var ID = "admin", PW = "1234"; //입력값과 비교할 기..

티스토리툴바