IT185 07. 미디어쿼리 1. 미디어 쿼리(media query) 반응형 웹 하나의 웹사이트에서 pc, 스마트폰, 태블릿 등 접속하는 디스플레이 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 방법 body {background-color: deeppink;} @media screen and (min-width: 800px) { body {background-color: deeppink;} } 800px 이하일 때 800px 이상일 때 매체 유형 - all: 모든 유형 - screen: 컴퓨터, 태블릿, 스마트폰 ... - print: 프린터 적용예시(1) * {margin:0; padding:0; box-sizing: border-box;} header { width: 100%; background-color:.. 2024. 4. 11. (1)자료구조 ③ 투 포인터 *️⃣ 투포인터 - 투 포인터는 2개의 포인터로 알고리즘의 시간복잡도를 최적화 한다. - 시간 인덱스와 종료 인덱스를 투포인터로 지정하여 문제에 접근하는 방식 1. 연속된 자연수의 합 구하기 문제 Q. 어떠한 자연수 N은 몇 개의 연속된 자연수의 합으로 나타낼 수 있다. 당신은 어떤 자연수 N(1≤N≤10,000,000)을 몇 개의 연속된 자연수는 N이어야 한다. 예를 들어 15을 나타내는 방법은 15, 7+8, 4+5+6, 1+2+3+4+5이다. 반면, 10을 나타내는 방법은 10, 1+2+3+4이다. N을 입력받아 연속된 자연수의 합으로 나타내는 가짓수를 출력하는 프로그램을 작성하시오. [입력] [출력] 1번째 줄에 정수 N (1≤N ≤10,000,000)이 주어진다. 입력된 자연수 N을 연속된 자연.. 2024. 4. 10. (1)자료구조 ② 구간합 1. 구간 합 구하기1 문제 Q. 수 N개가 주어졌을 때 i번째 수에서 j번째 수까지의 합을 구하는 프로그램을 작성하시오. [입력] [출력] 1번째 줄에 숫자의 개수 N (1≤N ≤100,000) 합을 구해야 하는 횟수 (1≤M ≤100,000) 총 M개의 줄에 입력으로 주어진 i번째 수에서 j번째 수까지의 합을 출력한다. 2번째 줄에 N개 수가 주어진다. (각 수는 1,000보다 작거나 같은 자연수다.) 3번째 줄부터는 M개의 줄에 합을 구해야 하는 구간 i와 j가 주어진다. 풀이방법 1. N개의 수를 입력받은 동시에 합배열 생성 * 합배열 >>>> S[i] = S[i-1] + A[i] 2. i~j 가 주어지면 구간합을 구하는 공식으로 정답 출력 * 구간합 >>> S[j] - S[i-1] 코드 순서 1.. 2024. 4. 9. 06. flex Flex 레이아웃 수평 정렬을 하기 위한 속성 display: flex 1. flex-wrap 라인에 여유가 없을 때 위치를 결정하는 속성 flex-wrap: 플렉스 라인에 여유가 없을 때 플렉스 요소의 위치를 결정하는 속성 - nowrap: 기본값. 플렉스 요소가 다음줄로 넘어가지 않음. 요소의 너비를 줄여 한 줄에 배치 - wrap: 플렉스 요소의 여유 공간이 없다면 다음줄로 넘김 - wrap-reverse: 플렉스 요소의 여유 공간이 없다면 다음줄로 넘김(단, 아래가 아닌 위쪽으로 넘김) #container { width: 1000px; height: 500px; margin: 0 auto; border: 3px solid red; display: flex; /*기본값: nowrap;*/ /*fle.. 2024. 4. 9. 이전 1 ··· 29 30 31 32 33 34 35 ··· 47 다음
