프로그램 정보프로그램 개요 : JAVA 소켓 통신을 이용한 1:1 채팅 프로그램 개발프로그램 언어 : JAVA프로그램 기능 : 채팅 클라이언트 개발채팅 서버 개발프로그램 코드 : https://github.com/smkim9202/MiniProject/tree/main/chatPrj MiniProject/chatPrj at main · smkim9202/MiniProject작은 실습 예제들. Contribute to smkim9202/MiniProject development by creating an account on GitHub.github.com JAVA 소켓 통신 학습 내용자바 네트워크TCP/IP TCPTCP(Transmission Control Protocal) 두 시스템 간에 신뢰성 있는 ..
ALL
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 등 요소의 속성..
대화상자 사용자에게 간단한 메시지를 보여 주거나 확인 요청 또는 외부 입력을 받기 위해서 함수들을 사용한다. alert("주의, 경고시 사용하는 대화상자 보여주는 함수"); prompt("사용자에게 알려주는 구문","입력하지않을시저장할기본값"); confirm("동의를 구하는 메세지"); 알림 창 : alert("주의, 경고 메시지 내용") alert("메시지") 확인 창 : confirm("동의 메시지 내용") 반환값 = confirm("메시지 확인") 입력 창 : prompt("알림","미입력시 기본 값") 반환값 = prompt("설명",기본값)
CSS 텍스트 속성 letter-spacing, word-spacing 속성 문자(letter)나 단어(word) 사이의 간격 지정. letter-spacing : normal | ; word-spacing : normal | ; normal => 기본 간격을 사용(글자 사이 추가 간격 없음, 단어 간격 : 0.25em) => 숫자로 간격 지정. 음수값을 갖는 경우에는 간격이 좁아져 글자나 단어가 겹쳐서 표시 될 수 있다.(EX. 음수값을 갖는) line-height 속성 문장의 줄 간격 지정. line-height : normal | | | % ; normal => 기본 간격을 사용 => 현재 글꼴 크기에 대한 상수 배로 지정 => px, pt, cm 등으로 간격 지정 % => 현재 글꼴 크기에 대한 ..
CSS 글꼴 속성 웹페이지의 텍스트에 대해서 글꼴, 글자 크기, 굵기 등과 같은 스타일을 지정하기 위해서 font(글꼴)속성이 있다. font-family 속성 글자체(폰트)를 지정. 시스템에 해당 글씨체를 지원하지 않을 경우를 대비해 여러 개의 글자체를 동시에 지정하면, 쉼표로 구분한 폰트를 나열 된 순서대로 폰트의 지원 여부에 따라 앞에 오는 폰트를 사용한다. font-family : | ; => 'arial', '궁서체'와 같은 구체적인 폰트의 이름을 지정. 폰트명 사이에 공백이 있는 경우에는 따옴표('',"")를 사용. => 'serif'(명조 계열), 'sans-serif'(고딕 계열), 'cursive'(필기체), 'fantasy'(장식이 된 글꼴), 'monospace'(일정한 공간으로 된 ..
