코드노트

CSS에 사용되는 모든 속성에는 해당 속성에 허용되는 값이 있다. 절대 길이 단위 - 일반적으로 항상 동일한 크기로 나타낸다. cm 센티미터 1cm = 96px/2.54 mm 밀리미터 1mm = 1/10th of 1cm Q 4분의 1 밀리미터 1Q = 1/40th of 1cm in 인치 1in = 2.54cm = 96px pc Picas 1pc = 1/6th of 1in pt 포인트 1pt = 1/72th of 1in px 픽셀 1px = 1/96th of 1in 상대 길이 단위 - 다른 요소와 관련이 있다. 다른 요소의 크기가 페이지의 다른 모든 것에 비례하여 조정된다. em 요소의 글꼴 크기. ex 요소 글꼴의 x-height. ch 요소 글꼴의 glyph "0" 의 사전 길이 (너비) 입니다. re..

font-size 폰트의 크기를 지정합니다. 폰트 크기를 바꾸면 em 과 ex 단위로 계산된 다른 항목들의 크기를 바꿉니다. /* 값 */ font-size: xx-small; font-size: x-small; font-size: small; font-size: medium; font-size: large; font-size: x-large; font-size: xx-large; /* 값 */ font-size: larger; font-size: smaller; /* 값 */ font-size: 12px; font-size: 0.8em; /* 값 */ font-size: 80%; /* 전역 값 */ font-size: inherit; font-size: initial; font-size: unset; ..

더보기 문제 설명 Finn은 요즘 수학공부에 빠져 있습니다. 수학 공부를 하던 Finn은 자연수 n을 연속한 자연수들로 표현 하는 방법이 여러개라는 사실을 알게 되었습니다. 예를들어 15는 다음과 같이 4가지로 표현 할 수 있습니다. 1 + 2 + 3 + 4 + 5 = 15 4 + 5 + 6 = 15 7 + 8 = 15 15 = 15 자연수 n이 매개변수로 주어질 때, 연속된 자연수들로 n을 표현하는 방법의 수를 return하는 solution를 완성해주세요. 이번 문제를 풀면서 알고리즘은 역시 수학의 중요성이 돋보이는 문제였다. 처음 문제를 보고 코드를 작성을 하면서 숫자를 1부터 시작해서 n의 숫자만큼 순서대로 더해가며 계산을 하려고 했다. 코드는 완성했고 테스트는 모두 통과했지만.. 효율성에서 모두..

주요 선택자 - Selector Type, Class, Id See the Pen Untitled by beomjunkwon (@bjkwon) on CodePen. - Type Slector / 전체 선택자 - ID Selector / 중복없이 하나만 사용 - Class Selector / 여러가지에 사용가능. 공백으로 다른 class도 추가 가능. 두 개 이상 class 추가 시 뒤에 있는 class가 적용 속성 선택자 - [attr], [attr=value] See the Pen Untitled by beomjunkwon (@bjkwon) on CodePen. 1. [arrt] / 속성을 지정하여 선택 2.[attr=value] / 속성과 value값을 지정하여 선택 3. [attr^=value] /..

문제 설명 더보기 You are given an integer array height of length n. There are n vertical lines drawn such that the two endpoints of the ith line are (i, 0) and (i, height[i]). Find two lines that together with the x-axis form a container, such that the container contains the most water. Return the maximum amount of water a container can store. height길이 의 정수 배열이 제공 됩니다 n. 선의 두 끝점이 및 가 되도록 n수직선이 그려집니다. i..

keys 더보기 문제 설명 열쇠와 문은 알파벳으로 이루어져있다. 예를 들어 열쇠의 획득 순서는 "bgr", 앞에 놓인 문들은 "RGB"라고 했을 때 r열쇠와 R문이 매칭된다. g열쇠와 G문이 매칭되고 마지막으로 b문과 B문을 매칭하여 탈출할 수 있다. 이 때, 던전을 탈출할 수 있다면 YES, 탈출할 수 없다면 NO를 출력한다. 테스트 케이스 keys = "rgb" doors = "RGB" 출력값 NO - 이 문제는 스택문제였다. 그냥 순서대로 대문자 또는 소문자로 바꾸기만 하면 될 줄 알았다. - 예를 보게 되면 keys의 첫 문자와 doors의 끝문자가 맞으면 통과되는걸 볼 수 있다. function solution(keys, doors) { keys = keys.split(''); doors = d..

더보기 문제 설명 길이가 같은 배열 A, B 두개가 있습니다. 각 배열은 자연수로 이루어져 있습니다. 배열 A, B에서 각각 한 개의 숫자를 뽑아 두 수를 곱합니다. 이러한 과정을 배열의 길이만큼 반복하며, 두 수를 곱한 값을 누적하여 더합니다. 이때 최종적으로 누적된 값이 최소가 되도록 만드는 것이 목표입니다. (단, 각 배열에서 k번째 숫자를 뽑았다면 다음에 k번째 숫자는 다시 뽑을 수 없습니다.) 예를 들어 A = [1, 4, 2] , B = [5, 4, 4] 라면 A에서 첫번째 숫자인 1, B에서 첫번째 숫자인 5를 뽑아 곱하여 더합니다. (누적된 값 : 0 + 5(1x5) = 5) A에서 두번째 숫자인 4, B에서 세번째 숫자인 4를 뽑아 곱하여 더합니다. (누적된 값 : 5 + 16(4x4) ..

우선순위 큐 (Priority Queue) - 우선 순위를 고려하여 먼저 넣은 데이터가 나오는 FIFO(First In First Out) 기반의 선형 자료 구조 * 일반 큐와 다른점은 무조건 적으로 먼저 넣은 데이터가 나오게 아니라 우선 순위를 정렬하여 나오게 된다. - 우선 수위 정렬 방식 : 배열 기반, 연결리스트 기반, 힙(Heap)기반 등의 정렬 방식이 존재 구현 메서드 // Element(): 데이터와 우선순위를 저장히기 위한 생성자 함수 function Element(data, priority) { this.data = data; this.priority = priority; } - data, priority의 필드를 설정해준다. // PriorityQueue(): Element 관리를 위한..

큐(Queue) - 먼저 넣은 데이터가 먼저 나오는 FIFO(First In First Out) 기반의 선형 자료 구조 - stack과 다르게 앞으로 먼저 나오는 자료구조 Queue(): 생성자 함수로 초기 데이터 설정 function Queue(array) { this.array = array ? array : []; this.tail = array ? array.length : 0; this.head = 0; } - array가 있는 경우에는 array 아니면 빈 배열 getBuffer(): 객체 내 데이터 셋 반환 Queue.prototype.getBuffer = function () { return this.array.slice(); }; - 현재 array를 slice로 복사하여 반환 isEmp..

문제 설명 8. String to Integer (atoi) / 문자열을 정수로(atoi) 선행 공백을 읽고 무시하십시오. 다음 문자(문자열 끝에 아직 없는 경우)가 '-'또는 '+'. 이 문자를 읽으십시오. 이것은 최종 결과가 각각 음수인지 양수인지를 결정합니다. 둘 다 없으면 결과가 양수라고 가정합니다. 다음 숫자가 아닌 문자 또는 입력 끝에 도달할 때까지 다음 문자를 읽습니다. 나머지 문자열은 무시됩니다. 이 숫자를 정수로 변환합니다(즉 "123" -> 123, , "0032" -> 32). 읽은 숫자가 없으면 정수는 0입니다. 필요에 따라 기호를 변경합니다(2단계부터). 정수가 32비트 부호 있는 정수 범위를 벗어나면 해당 범위에 남아 있도록 정수를 클램프합니다. 특히, 보다 작은 정수 는 로 고..