IT 개발노트

1 레이아웃 1.1 html 엘리먼트들은 크게 두 가지로 구분된다. - 화면 전체를 사용하는 태그 -> block element - 화면의 일부를 차지하는 태그 -> inline level element - block은 화면 전체를 차지하기 때문에 다음 문장이 자동으로 줄바꿈 된다. - inline은 설정한 영역만큼만 차지하기 때문에 다음 문장이 줄바꿈 되지 않는다.123456789101112131415 h1, a{ border:1px solid red; } h1 { display: inline; } a { display: block; } Hello world 안녕하세요. 생활코딩입니다. 결과 - display 속성을 이용해서 block과 inline을 바꿔줄수 있다.1.2 박스모델 - 테두리는 박스모델..

1. AnchorPane 12345678910111213141516171819202122232425262728package Java.sungju.JavaProject3; import javafx.application.Application;import javafx.scene.Scene;import javafx.scene.control.Button;import javafx.scene.layout.AnchorPane;import javafx.stage.Stage; public class AnchorPane01 extends Application { @Override public void start(Stage primaryStage) throws Exception { AnchorPane anchorPane = ..

문제 : 당신은 프로그램 개발 회사 CARE AP에서 응용 프로그램 개발을 담당하고 있는 엔지니어이다. CARE LAB을 운영하는 계열사에서 회사 직원들을 관리하는 직원관리 프로그램의 제작을 의뢰해왔다. 다음 요구 사항에 따라 프로그램을 제작하여라. 관리하려는 항목은 이름, 직급, 기본급, 수당, 세율, 월급이다. 세율은 200만원 이하 : 1%(0.01), 400만원 이하 : 2%(0.02), 400만원 초과 : 3%(0.03)으로 설정한다. 월급은 "기본급 + 수당 - (기본급 + 수당) * 세율"로 계산을 한다. 시작화면으로 메뉴를 보여준다.각 메뉴의 기능은 다음과 같다. 등록 : 이름, 직급, 기본급, 수당을 입력받는다. 출력 : 모든 직원의 이름, 직급, 기본급, 수당, 세율, 월급을 보여준다...

1 CSS3 스타일 속성 기본 1.1 CSS3 단위 : CSS는 각각의 스타일 속성에 다양한 값을 입력한다. 1.1.1 키워드 단위 : 키워드는 CSS를 개발할 때에 이미 지정된 단어들을 의미한다. 통합 개발 환경을 사용할 때에 다음과 같이 확인할 수 있다. 1.1.2 크기 단위 : CSS3에서 사용하는 크기 단위는 %, em, cm, mm, inch, px이다. 단위 설명 % 백분율 단위 em 배수 단위 px 픽셀 - 크기 단위 사용법 123456 p:nth-child(1) { } p:nth-child(2) { font-size: 100%; } p:nth-child(3) { font-size: 150%; } p:nth-child(4) { font-size: 200%; } 1.1.3 색상 단위 : 색상을..

1 페이지구조 / 시멘틱 1.1 페이지 영역분할 태그 - : block형식의 공간을 분할(수직으로 공간분할) - : inline형식의 공간을 분할(수평으로 공간분할) 1.2 HTML4 페이지 구조 : HTML4에서 페이지 구조는 , 태그를 이용, 구역을 설정하고 거기에 id값을 넣어서 구분 단점 - 사용자 마다 id값을 다르게 부여하여 구조를 이해하는데 어려움 - 구조가 파악이 어려워 차후 유지 보수에 어려움이 있음 - 검색엔진이 웹소스를 확인할때도 메뉴, 본문을 구별이 어려움 - 다양한 기기에서 이해하기에 구조가 복잡함 - HTML4 페이지구조 - 소스구조 예시 123456789 내용 내용 내용 1.3 시맨틱 태그(semantic) : 페이지 구조를 특정 기능에 맞는 태그를 사용하여 구분 페이지 구조를..

1. Head 태그 1.1 : 헤더 내부에서 사용하는 태그로 메타 데이터로 html문서가 가지고 있는 유용한 정보를 담아 두는 곳, 문서 정보를 검색엔진에 전달 작성 1 속성 -http-equiv : meta요소에 정의된 명령을 먼저 실행 후 페이지를 로딩 문서의 초기정보를 나타낸다.구분 내용 content-language 기본언어 설정(페이지 작성언어) content-type MIME설정 및 문서의 문자셋 설정 (encoding) X-UA-compatiable 호환성 설정 refresh 페이지 리로드하거나 다른 페이지로 이동 Content-Script-Type 스크립트형식 지정(javascript/VBscript) Content-Style-Type 스타일 시트 형식지정(css) - name : http..

1. CSS3 선택자 기본 1.1 선택자 개요 - 선택자는 특정한 HTML 태그를 선택할 때에 사용하는 기능 - 선택자를 사용해 태그를 선택하면 원하는 스타일과 기능을 적용할 수 있다. - 스타일을 적용할 때에 선택자는 다음 위치에 사용한다. 1.2 전체 선택자 : HTML 문서 안의 모든 태그를 선택할 때는 전체 선택자를 사용한다. - 전체 선택자선택자 형태 설명 * HTML 페이지 내부의 모든 태그를 선택한다. - 다음 코드는 문서 안의 모든 태그의 color 속성을 red로 지정한다. 예시 123456789101112131415 CSS3 Selector Basic Page /* 모든 태그의 color 속성을 red 키워드로 적용한다. */ *{ color : red; } Lorem ipsum Lor..

1. HTML5 태그 기본 1.1 글자 태그 - 글자 태그는 웹 페이지에서 가장 많은 비중을 차지하는 태그 1.1.1 : 제목 글자 태그는 제목을 입력할 때에 사용하는 태그, 폰트의 크기가 태그에 따라 정해져있다. h태그 뒤 숫자로 구분한다.작성 1제목 내용 태그 이름 설명 h1 첫 번째로 큰 제목 글자 태그 h2 두 번째로 큰 제목 글자 태그 h3 세 번째로 큰 제목 글자 태그 h4 네 번째로 큰 제목 글자 태그 h5 다섯 번째로 큰 제목 글자 태그 h6 여섯 번째로 큰 제목 글자 태그 예시 123456789101112131415 HTML5 + CSS3 Text Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 결과 1.1.2 : 한 개의 단락을 만들때 사..