가치투자자

선택자 (Selector) 우리가 원하는 UI를 만들기 위해 HTML에 스타일(디자인, 레이아웃 등)을 적용해줘야 한다. 이때 HTML 문서에서 우리가 원하는 요소에만 CSS를 적용하기 위해 선택자(selector) 가 필요하다. 먼저, 선택자에 CSS를 적용하는 방법부터 살펴보겠다. 예를 들어, h1 태그에 12px 크기의 빨간색 글씨로 CSS를 적용하고 싶을 때, 아래처럼 선택자 뒤에 {}를 써주고, 그 안에 우리가 원하는 스타일을 객체 형태(프로퍼티와 값)로 적어주면 된다. 1. 기본 선택자 1-1. 전체 선택자 (Universal Selector) HTML 문서 내의 모든 요소를 선택하는 선택자다. 별표(*) 로 모든 HTML를 선택할 수 있다. 아래 예시처럼 head 태그를 포함해 모든 요소에 ..

백준 1874번 : 스택 수열 🔗 문제 링크 https://www.acmicpc.net/problem/1874 1874번: 스택 수열 1부터 n까지에 수에 대해 차례로 [push, push, push, push, pop, pop, push, push, pop, push, push, pop, pop, pop, pop, pop] 연산을 수행하면 수열 [4, 3, 6, 8, 7, 5, 2, 1]을 얻을 수 있다. www.acmicpc.net 💬 문제 스택(stack) 에 대한 이해가 있다면, 충분히 풀 수 있는 문제다. 1부터 n까지의 수가 존재한다. 1부터 하나씩 스택(stack)에 넣고 필요한 숫자가 stack에 들어오면 그걸 빼서 나열하여 수열을 만들어준다. - 스택에 오름차순으로 넣어줘야 하므로(pus..

Flex (플렉스) 프론트엔드가 되기 위해선 레이아웃 배치를 잘 구현할 수 있어야 한다. 어떻게 요소들을 배치, 정렬하느냐에 따라 사용자가 보는 UI의 직관적인 느낌과 기능의 효율성이 달라지기 때문에 레이아웃 방식에 대해 제대로 공부해둘 필요가 있다. 1. Flex란? 이전에는 float나 inline-block 등을 이용해 레이아웃을 만들었지만, UI를 구성할 요소들의 사이즈가 불명확하거나 화면이 동적으로 변할 때도 유연하게 대응할 수 있는 기능을 제공하는 레이아웃 방식이 Flex다 Flex는 Flexible Box 또는 Flexbox 라고 불리기도 한다. 1-1. 부모 요소 flex container와 자식 요소 flex item 1 2 3 Flexbox 레이아웃은 flex item 이라 불리는 자식..

백준 6131번 : 완전 제곱수 🔗 문제 링크 https://www.acmicpc.net/problem/6131 6131번: 완전 제곱수 상근이는 선영이와 함께 게임을 하고 있다. 먼저, 상근이는 두 양의 정수 A와 B를 고른다. (1 ≤ B ≤ A ≤ 500) 그 다음, 선영이는 상근이가 고른 수를 맞춰야 한다. 상근이는 선영이에게 다음과 같 www.acmicpc.net 💬 문제 제곱 과 완전탐색(브루트포스) 에 대한 이해가 있다면, 충분히 풀 수 있는 문제다. 어떤 정수 A와 B가 있을 때, A의 제곱은 B의 제곱보다 N만큼 크다. - A는 B보다 작거나 같고, A와 B는 500보다 작다 N이 주어질 때, N만큼 차이나는 A와 B의 쌍의 개수를 구해준다. 💡 입력값 받아오기 JavaScript로 풀 ..

백준 1120번 : 문자열 🔗 문제 링크 https://www.acmicpc.net/problem/1120 1120번: 문자열 길이가 N으로 같은 문자열 X와 Y가 있을 때, 두 문자열 X와 Y의 차이는 X[i] ≠ Y[i]인 i의 개수이다. 예를 들어, X=”jimin”, Y=”minji”이면, 둘의 차이는 4이다. 두 문자열 A와 B가 주어진다. 이때, A의 www.acmicpc.net 💬 문제 문자열 과 완전탐색(브루트포스) 에 대한 이해가 있다면, 충분히 풀 수 있는 문제다. 문자열 A와 B가 주어질 때, 두 문자열을 비교해 차이나는 문자 개수를 구해주는 문제이다. - 문자열 A의 길이는 문자열 B보다 작거나 같다 문자열 길이가 작다면, A의 앞이나 뒤에 아무 알파벳을 추가한다고 나와있다. - 이..

백준 1934번 : 최소공배수 🔗 문제 링크 https://www.acmicpc.net/problem/1934 1934번: 최소공배수 두 자연수 A와 B에 대해서, A의 배수이면서 B의 배수인 자연수를 A와 B의 공배수라고 한다. 이런 공배수 중에서 가장 작은 수를 최소공배수라고 한다. 예를 들어, 6과 15의 공배수는 30, 60, 90등이 있 www.acmicpc.net 💬 문제 최대공약수 와 최소공배수 에 대한 이해가 있다면, 충분히 풀 수 있는 문제다. 총 T쌍의 자연수 A, B가 주어진다. 각 A, B의 최소공배수를 구해 출력해준다. - A의 배수면서 B의 배수인 수 중에서 가장 작은 수가 최소공배수 다 💡 입력값 받아오기 JavaScript로 풀 경우, 입력값(input)을 어떻게 받아와야 할..