네발로 코딩하는 포메라니안

1. 개요 - text의 글꼴, 굵기, 크기, 스타일 등을 지정 속성 의미 font-family 글꼴 지정 font-size 글자 크기 지정 (px, cm, % 등) font-style 글자 스타일 지정 font-variant 소문자를 작은 대문자로 변경 font-weight 글자 굵기 지정 font font에 관련된 속성을 한번에 지정할 수 있는 단축형 속성 2. font-family - font명에 white-space가 있으면, " "로 감싼다. text *추천 사이트 1. 눈누 : 상업용 폰트 제공 https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc 3. font-style - 속성 값 normal = 기본 italic = 이탤릭체로 oblique = 기울임꼴로 4..

1. 선택자란? - css 적용 타겟을 지정할 때 사용 종류 선택자 설명 사용법 일반 선택자 전체 선택자 HTML내의 모든 element를 선택 * { } 타입 선택자 태그명이 일치하는 element(태그)를 선택 h1, h2 { } 클래스 선택자 class 속성 값이 일치하는 element를 선택 .className { } ID 선택자 id 속성 값이 일치하는 element를 선택 #idName { } 복합 선택자 하위 선택자 하위 element(자손들)를 선택 E1 E2 { } 자식 선택자 직속 하위 element(자식들)를 선택 E1 > E2 { } 인접 형제 선택자 인접 형제 sibling관계인 element를 선택 E1 + E2 { } 일반 형제 선택자 sibling관계인 element들을 선택..

1. CSS란? - Cascading Style Sheets의 약자 - 마지막에 작성한 규칙, 구체적인 규칙 (p보다는 p #idName)이 우선 적용 - 구성 선택자 { 속성: 값; 속성: 값; } 2. 스타일 시트 적용 1. 외부 스타일 시트 적용 (권장) - html문서의 2. 내부 스타일 시트 적용 - html문서의 3. 인라인 스타일 적용 - 외부 or 내부 시트보다 우선 적용 test 3. 박스 모델 1. 속성 값의 개수에 따른 적용 - 값이 1개 일 때 = 모든 면에 적용 - 값이 2개일 때 = {(top & bottom), (right & left)}에 적용 - 값이 3개일 때 = {top, (left & right), bottom}에 적용 - 값이 4개 일 때 = {top, right, ..

1. 포맷팅 Element - 텍스트에 특별한 의미를 부여하는 요소 tag명 설명 웹 문서나 포스트에서 참고 내용을 표시 공백, 줄바꿈등 입력한 그대로 화면에 표시 소스 코드 실행이 아닌 출력을 하고 싶을 때 사용 특정 문자열을 강조, 하이라이팅으로 표시됨 구분선 , 특정 문자열을 강조, 굵은 글씨로 표시됨 , 취소선, 밑줄 2. 목록형 Element - 목록 tag는 하나 이상의 하위 tag를 포함 tag명 설명 번호 없는 목록을 표시, 항목 앞에 심볼이 표시됨 ordered list, 번호 있는 목록을 표시 type 1 숫자(기본값) a 영어 소문자 A 영어 대문자 i 로마숫자 소문자 I 로마숫자 대문자 목록 항목으로 혹은 태그 하위에 사용 용어의 정의와 설명에 대한 내용을 목록화해서 표시 용어 목록..

1. HTML이란? - Hypertext Markup Language의 약자 - tag = 현재 문서가 HTML문서임을 정의 - 시작tag와 종료tag들의 집합으로 이루어진 문서 - 웹페이지의 "구조"를 담당 2. Web과 HTML의 작동원리 1. 클라이언트의 요청(URL) 2. 서버는 클라이언트의 요청을 분석하여 결과값(HTML)을 전송 3. 클라이언트는 전달받은 HTML을 Web Browser(내장된 엔진이 tag를 해석해서 화면에 나타냄)에 표시 3. HTML문서의 구성 - html, head, body tag로 구성 1. head 태그 - , , , , tag 포함 가능 - : 문서의 제목으로, 브라우저의 제목에 내용이 나타남 - : 문서의 작성자, 날짜, 키워드, 인코딩 정보 등 화면에 나타나지..

1. 문제 https://www.acmicpc.net/problem/15686 15686번: 치킨 배달 크기가 N×N인 도시가 있다. 도시는 1×1크기의 칸으로 나누어져 있다. 도시의 각 칸은 빈 칸, 치킨집, 집 중 하나이다. 도시의 칸은 (r, c)와 같은 형태로 나타내고, r행 c열 또는 위에서부터 r번째 칸 www.acmicpc.net 2. 풀이 과정 1) 입력을 받으면서 집과 치킨집의 위치를 각각 저장 2) 저장된 치킨 집 중 M개를 뽑는 조합 구현 3) 조합마다 결과를 비교해서 최소값 찾기 tip) 집과 치킨집과의 거리는 매조합마다 쓰이므로 미리 저장해놓고 가져다 쓴다. import java.io.BufferedReader; import java.io.InputStreamReader; impo..

1. 문제 https://www.acmicpc.net/problem/16935 16935번: 배열 돌리기 3 크기가 N×M인 배열이 있을 때, 배열에 연산을 R번 적용하려고 한다. 연산은 총 6가지가 있다. 1번 연산은 배열을 상하 반전시키는 연산이다. 1 6 2 9 8 4 → 4 2 9 3 1 8 7 2 6 9 8 2 → 9 2 3 6 1 5 1 8 3 4 2 9 → www.acmicpc.net 2. 풀이 과정 import java.util.Arrays; import java.util.Scanner; public class Main { static String map[][]; static int N, M; public static void oper1() {//1. 상하 반전 for(int i=0;i

1. 최대, 최소 int a = 10; int b = -1; System.out.println(Math.max(a, b));//10 System.out.println(Math.max(a, b));//-1 2. 절대값 int n = -3; System.out.println(Math.abs(n)); 3. Random 1) Math.random() double d = Math.random(); //0.0

1. 람다(lambda)란? - "Functional Interface"라고 부름. - 추상메소드 1개만 존재하는 인터페이스 이해를 위해 인터페이스를 보기 전에 클래스로 먼저 접근하였다. 인터페이스의 구현(implements)과 클래스 상속(extends)을 같은 원리로 이해할 수 있기 때문이다. *lambda의 활용법만 보려면 앞의 단계 건너뛰고 3-2를 확인 2. 할당할 때, 클래스 상속받기 1. 객체를 선언해서 사용 public class LambdaTest { //생성자 public LambdaTest() { //재정의한 객체 생성 후, 사용 t.func(); } //새로운 클래스 class Test{ void func() { System.out.println("Testfunc"); } } //T..

1. 문자열 복사 1. System.arraycopy - parameter = (뭐를, 어디서부터, 어디로, 어디서부터, 몇 개) int[] arr = {1, 2, 3, 4, 5, 6}; int[] brr = {10, 20, 30, 40, 50, 60}; System.arraycopy(brr, 0, arr, 0, 3); 2. Arrays.copyOf - parameter = (뭐를, 몇 개) - 내부적으로 System.arraycopy를 호출 - 복사해서 새로운 객체를 만들어 그대로 할당 = brr을 갈아 엎는다. int[] arr = {1, 2, 3, 4, 5, 6}; int[] brr = {10, 20, 30, 40, 50}; brr = Arrays.copyOf(arr, arr.length); //b..