Developer

background-color 속성 : 배경색 지정 background-clip 속성 : 배경을 어디까지 적용할지 지정 background-image 속성 : 배경 이미지 파일 경로 지정 background-size 속성 : 배경 이미지 크기 조절 background-position 속성 : 배경 이미지를 반복하지 않을 경우, 배경 이미지를 표시할 위치 지정 background-origin 속성 : 배경 이미지를 배치하기 위한 기준 설정 background-attachment 속성 : 배경 이미지를 고정하는 속성 background-color 속성 : 배경색 지정 background-color : 색상; 웹 문서의 요소에 배경색 지정 16진수나 rgb 값, rgba 값 또는 색상 이름 사용 배경 색은 상..

list-style-type : 순서 없는 목록의 불릿이나 순서 목록의 숫자를 바꾸는 속성 list-style-type : none | 순서없는 목록의 불릿 | 순서목록의 번호 none : 순서없는 목록의 불릿없애기 순서없는 목록의 불릿 disc : 채운 원 (디폴트값) circle : 빈원 square : 채운 사각형 none : 불릿 없애기 순서 목록의 숫자 바꾸기 decimal : 1로 시작하는 십진수 - 디폴트값 decimal-leading-zero : 앞에 0이 붙는 십진수 lower-roman : 소문자 로마 숫자 upper-roman : 대문자 로마숫벳 lower-alpha / lower-latin : 소문자 알파벳 upper-alpha / upper-latin : 대문자 알파벳 armeni..

font-family : 폰트패밀리란 웹 문서 전체에 'Nanum Gothic'을 적용하는데, 만일 해당 글꼴이 없으면 다음 글꼴인 'sans-serif'를 적용하고 그 글꼴도 없다면 '굴림' 글꼴로 적용하라는 뜻 font-family: 'Nanum Gothic', sans-serif; ex. font-family : 글꼴지정 브라우저 기본 글꼴 사용 Nanum Pen Script 웹 폰트 사용 Nanum Pen Script 웹 폰트 사용 출력화면 font-size : 글자 크기 지정 font-size: 절대크기 | 상대크기 | 크기 | 백분율 사용할 수 있는 값 : 절대크기, 상대크기, 숫자, 백분율 기본값은 상대크기인 medium이다 font-size 속성은 상속이 된다 px 단위 px 단위를 사용하..

@font-face 속성 웹폰트(web-font) : 웹 문서 안에 글꼴정보도 함께 저장하고 있다가 사용자가 웹문서에 접속하면 글꼴을 사용자 시스템으로 다운로드시켜 사용하는 글꼴 사용자 시스템에 없는 글꼴이더라도 웹 제작자가 의도한 대로 텍스트를 표시할 수 있다 구글 웹폰트 사용하기 1. https://fonts.google.com/earlyaccess 2. 한글 폰트 검색 3. Link 항목에 있는 소스 복사 & 글꼴 이름 기억 4. 웹 문서의 style 태그 안에 붙여넣기 5. font-family 속성을 이용하여 웹 폰트 글꼴 이름 사용 항목 내의 내용을 복사해 사용하면 된다 import속성을 사용할 수도 있음

스타일 태그 스타일 형식 선택자 {스타일속성 : 속성값; ... } 내부 스타일시트 : head태그 안에서 정의 인라인스타일 : 태그 안에 style속성을 통해 외부 스타일시트 : .css파일로 정의한 후 link태그를 이용해 불러온다 주요 선택자들 * : 전체 선택자 페이지 내부에 있는 모든 요소들을 대상으로 적용할 때 사용 웹브라우저마다 기본 마진, 패딩값이 있다 브라우저마다 그 값이 같지 않기 때문에 일반적으로 패딩과 마진값을 0으로 리셋한다 * { margin: 0; padding: 0; } 태그 선택자 태그명 { 스타일 } 특정 태그에 적용 클래스 선택자 문서 안에서 여러 번 반복할 스타일을 지정할 때 사용한다 .스타일명 { 스타일 } 태그에서 class를 통해 불러온다 태그명.스타일명 { 스타..

JAVABean(자바빈) : 데이터를 표현하는 목적으로 사용되는 자바 클래스 DB의 데이터 처리를 위해서 만들어지는 클래스 뷰페이지와 로직페이지를 서로 분리하기 위해 만들어지기 시작했다 하나의 테이블에서는 하나의 DTO(VO)와 DAO가 세트로 이루어진다 DTO(Data Transfer Object), VO(Value Object) 데이터를 DB로 보내거나 DB로부터 레코드를 가져올 때 하나의 덩어리 즉 객체로 만드는 클래스 DAO(Data Access Object) 객체화된 DTO를 가지고 DB에 접속 시 사용되는 메소드들을 정의한 클래스 규칙 클래스는 반드시 특정 패키지 소속이어야 한다 DTO의 멤버변수는 Property(프로퍼티)라고 부른다 Property명은 반드시 테이블의 컬럼명과 동일해야 한다..

영역(Scope) : 데이터를 공유할 수 있는 범위 내장객체를 뜻한다 속성(Attribute) : 데이터 1. page영역 : pageContext 해당 페이지에서만 사용되는 객체 service메소드가 실행되는 동안만 유지되는 객체 2. request영역 : request 1:1 페이지 영역 클라이언트의 요청이 처리되는 동안 유효한 범위 포워딩을 통하여 여러 개의 페이지에서 유지될 수 있다 3. session영역 : session 세션이 유지되는 동안 처리되는 범위(웹브라우저가 실행되는 동안) 프로젝트 하나 당 한 개의 session 객체가 생성된다 4. aaplication영역 : application 웹서버가 유지되는 동안 유효한 범위 웹서버당 하나만 생성된다 속성(atrribute) 관련 메소드 O..

Connection Pool : 로딩 -> 연결 -> 접근 -> 실행 -> 해제 반복 Connection 객체를 생성하고 해제하는 동안 많은 시스템 자원이 소모된다 서버에 미리 Connection 객체를 설정해 놓은 것 DB와 연결된 Connection 객체를 미리 만들어 놓고 Pool 속에 저장해두고 있다가 요청이 있을 때마다 가져다 사용하고 반환하는 기법 jar 파일 추가 -> WEB-INF ->lib Server 설치폴더 안에 기본 제공 -> lib-> tomcat-dbcp.jar 인터넷에서 다운받는 경우 - https://commons.apache.org/ -DBCP, POOL, Collections * 다운로드 페이지 https://commons.apache.org/proper/commons-c..

프로그래머스 스쿨 코딩테스트 단계별로 풀어보기 Lv. 0 중앙값 구하기 문제 자바 풀이입니다 https://school.programmers.co.kr/learn/courses/30/lessons/120811 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 import java.util.Arrays; class Solution { public int solution (int [] arr) { Arrays.sort(arr); return arr[(int)arr.length/2]; } } => import를 안 넣어서 대체 뭐가 문제일까 한참 고민한 문제..

프로그래머스 스쿨 코딩테스트 단계별로 풀어보기 Lv. 0 나머지 구하기 문제 자바 풀이입니다 https://school.programmers.co.kr/learn/courses/30/lessons/120810 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 class Soution { public int solution (int num1, int num2) { return num1%num2; } } => 단순한 문제라서 바로 리턴값으로 주어서 풀이 Lv. 0 두 수의 합 https://developernew.tistory.com/127 Lv. 0 두 ..