본문 바로가기

분류 전체보기

(188)
CSS - 8 [States, Transition, Transformation] States - 웹페이지에서 inspect다음에 우측 하단에 요소를 누르고 :hov를 누르면 우측하단 처럼 state 상태가 나온다. - 버튼을 누르고 있으면 상태가 변한다. 이렇게 다양한 상태를 꾸미고 싶을 때 사용하는 selector가 있다. - active, hover, visited, focus, focus-within 이렇게 5가지 상태가 존재한다. active : 버튼을 눌러 활성화 되었을 때 hover : 마우스를 올려만 두었을 때 focus : 키보드로 선택되었을 때 visited : 링크에만 적용이되며 링크를 타고 해당 사이트를 방문하면 링크의 색이 바뀌는 상태 focus-within : 부모에만 적용이된다. attributtes:state {} - 상태에 따라 바뀌는 것을 특정하거나 꾸..
CSS - 7 [Colors, Variables] CSS에서 알아야할 colors system 3가지 1. color 이름 이런식으로 color의 이름을 그대로 css에 넣는 방식이 있다. - 이방식은 사람들이 직접 색에 이름을 지었다 2. hexadecimal code (16진 코드) 이렇게 16진수 법으로 색을 표현하는 형식이다. - 디자이너들이 color point(크롬 확장프로그램등)종류의 프로그램으로 색을 따와서 넣는경우 컬러코드가 복사된것을 넣을 수 있다. 3. rgb rgb 형식으로 컬러를 표현 가능하다. - rgb에는 투명도 조절도 가능하다. 정확히 말하면 rgba에서 가능하다. - rgba(색, 색, 색, 투명도) 테마를 선정하여 같은 색을 element에 여러 번 많이 사용할때 색깔을 한번만 수정해서 다양한 element의 색을 한번에..
숫자카드 - 백준 알고리즘 10816번 www.acmicpc.net/problem/10816 10816번: 숫자 카드 2 첫째 줄에 상근이가 가지고 있는 숫자 카드의 개수 N(1 ≤ N ≤ 500,000)이 주어진다. 둘째 줄에는 숫자 카드에 적혀있는 정수가 주어진다. 숫자 카드에 적혀있는 수는 -10,000,000보다 크거나 같고, 10, www.acmicpc.net 문제 숫자 카드는 정수 하나가 적혀져 있는 카드이다. 상근이는 숫자 카드 N개를 가지고 있다. 정수 M개가 주어졌을 때, 이 수가 적혀있는 숫자 카드를 상근이가 몇 개 가지고 있는지 구하는 프로그램을 작성하시오. 입력 첫째 줄에 상근이가 가지고 있는 숫자 카드의 개수 N(1 ≤ N ≤ 500,000)이 주어진다. 둘째 줄에는 숫자 카드에 적혀있는 정수가 주어진다. 숫자 카드에 ..
숫자카드 - 백준알고리즘 10815번 www.acmicpc.net/problem/10815 10815번: 숫자 카드 첫째 줄에 상근이가 가지고 있는 숫자 카드의 개수 N(1 ≤ N ≤ 500,000)이 주어진다. 둘째 줄에는 숫자 카드에 적혀있는 정수가 주어진다. 숫자 카드에 적혀있는 수는 -10,000,000보다 크거나 같고, 10, www.acmicpc.net 문제 숫자 카드는 정수 하나가 적혀져 있는 카드이다. 상근이는 숫자 카드 N개를 가지고 있다. 정수 M개가 주어졌을 때, 이 수가 적혀있는 숫자 카드를 상근이가 가지고 있는지 아닌지를 구하는 프로그램을 작성하시오. 입력 첫째 줄에 상근이가 가지고 있는 숫자 카드의 개수 N(1 ≤ N ≤ 500,000)이 주어진다. 둘째 줄에는 숫자 카드에 적혀있는 정수가 주어진다. 숫자 카드에 적..
CSS - 6 [pseudo selectors, attribute selectors] pseudo selectors - element를 세부적으로 지칭할 때 사용한다. tag: 요소 { } tag: last-child{ } - 와 같은 형태로 사용하게 되며 그중 last-child는 여러 태그들중 가장 마지막의 태그를 지정한다. - html코드는 건들지 않고 css 코드 안에서 태그의 css를 바꿀수 있으므로 id, class 따위보다 위와 같은 방법이 훨씬 나은 방법이다. tag : nth-child(숫자){ } - 해당 숫자 번째의 태그를 지정한다. - nth-child(even) : 짝수 번째 태그만 지정한다. - nth-child(odd) : 홀수 번째 태그만 지정한다. - nth-child(3n) : 3의 배수번쨰 태그만 지정한다. - nth-child(2n + 1) : 2n +..
떡볶이 떡 만들기 - 이것이 취업을 위한 코딩테스트다. (예제 7- 8) 오늘 동빈이는 여행 가신 부모님을 대신해서 떡집 일을 하기로 했다. 오늘은 떡볶이 떡을 만드는 날이다. 동빈이네 떡볶이 떡은 재밌게도 떡볶이 떡의 길이가 일정하지 않다. 대신에 한 봉지 안에 들어가는 떡의 총 길이는 절단기로 잘라서 맞춰준다. 절단기에 높이 H를 지정하면 줄지어진 떡을 한 번에 절단한다. 높이가 H보다 긴 떡은 H위의 부분이 잘릴 것이고, 낮은 떡은 잘리지 않는다. 예를 들어 높이가 19, 14, 10, 17cm인 떡이 나란히 있고 절단기를 높이를 15cm로 지정하면 자른 뒤 떡의 높이는 15, 14, 10, 15cm가 될 것이다. 잘린 떡의 길이는 차례대로 4, 0, 0, 2cm 이다, 손님은 6cm만큼의 길이를 가져간다. 손님이 왔을 때 요청한 총 길이가 M일때, 적어도 M만큼의 떡을..
부품찾기 - 이것이 취업을 위한 코딩 테스트다.(예제 7 - 5) 동빈이네 전자매장에는 부품이 N개 있다. 각 부품은 정수 형태의 고유한 번호가 있다. 어느날 손님이 M개 종류의 부품을 대량으로 구매하겠다며 당일 날 견적서를 요청했다. 동빈이는 때를 놓치지 않고 손님이 문의한 부품 M개 종류를 모두 확인해서 견적서를 작성해야 한다. 이때 가게 안에서 부품이 모두 있는지 확인하는 프로그램을 작성해보자. 입력조건 - 첫째 줄에 정수 N이 주어진다. (1
자료구조 - 트리[이진탐색트리] 트리 자료 구조 - 데이터 베이스는 내부적으로 대용량 데이터 처리에 적합한 트리 자료구조를 이용하여 항상 데이터가 정렬되어있다. - 노드와 노드의 연결로 표현하며 노드는 정보의 단위로서 어떠한 정보를 가지고 있는 개체이다. - 그래프 자료구조의 일종이다. - 트리는 부모 노드와 자식 노드의 관계로 표현된다. - 트리의 최상단 노드를 루트 노트라고 한다. - 트리의 최하단 노드를 단말 노드라고 한다. - 트리에서는 일부를 떼어내도 트리 구조이며 이를 서브 트리라 한다. - 트리는 파일 시스템과 같이 계층적이고 정렬된 데이터를 다루기에 적합하다. 큰 데이터 처리를 요구하는 소프트웨어는 대부분 데이터를 트리 자료구조로 저장해서 이진탐색과 같은 탐색 기법을 이용해 빠르게 탐색이 가능하다. 이진 탐색 트리 - 이..