![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bQHAKW/btsHedpcuqF/hW8XH1oKzpZrmUrthHUEB0/img.png)
✏️ 미디어 쿼리(Media Queries)사이트에 접속하는 장치에 따라서 특정한 CSS 스타일을 사용하는 방법 미디어 쿼리를 사용함으로써 접속하는 기기의 화면 크기에 따라서 레이아웃이 달라짐 / 즉, 사용자가 어떤 미디어를 사용하는가에 따라 사이트의 형태가 바뀌도록 CSS를 작성하는 방법을 뜻함 ✏️ 미디어 쿼리 구문@media 속성을 사용해 특정 미디어에서 어떤 CSS를 적용할 것인지 지정사이에 사용하며 대소문자 구분x, 미디어 유형을 지정해야 하며 and 연산자로 조건 적용기본형 => @media [only | not ] 미디어 유형 [and 조건] * [and 조건]only : 미디어 쿼리를 지원하지 않는 웹 브라우저에서는 미디어 쿼리를 무시하고 실행하지 않음not : not 다음에 지정하는 미..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/m8HsW/btsHealHAoP/V3kti90a6TN6ppKD91YY20/img.png)
✏️ 반응형 웹 디자인웹 요소를 화면의 크기에 맞게 재배치하고 각 요소의 표시 방법만 바꾸어서 사이트를 구현하는 것 ✏️ 뷰포트(ViewPort)반응형 웹 디자인에서 기본적으로 알아둬야 할 개념 / PC에 맞게 제작한 웹 사이트를 모바일 기기에서 접속해서 보면 모든 내용이 작게 보이는데 이는 PC화면과 모바일 화면에서 표시되는 픽셀의 차이 때문에서 발생함. 여기서 뷰포트를 지정하면 접속한 기기의 화면에 맞추어 확대하거나 축소해서 표시할 수 있음. 즉, 뷰포트는 스마트론 화면에서 실제 내용이 표시되는 영역 #1 뷰포트 지정뷰포트는 스타일 태그처럼 태그를 이용해 태그 사이에 작성기본형 => 종류설명사용 가능한 값기본값width뷰포트 너비device-with 또는 크기브라우저 기본값height뷰포트 높이..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/zjmWy/btsHdxH5Wqh/SLZCU5jdXLrRVpk3pd1nok/img.png)
✏️ 문제 링크https://www.acmicpc.net/problem/16929 ✏️ 문제 설명 ✏️ 문제 풀이주어진 배열 안에서 사이클의 유무를 찾는 문제이며, dfs로 접근할 수 있습니다. bfs로도 똑같은 방식으로 문제를 풀어봤는데 자꾸 예제 2번에서 틀리다고 나와서 포기했습니다... 가로와 세로의 길이가 50보다 작거나 같기 때문에 모든 점에 대해서 dfs로 탐색을 해도 시간초과가 발생하지 않습니다. dfs함수에서 조건을 조금만 생각하면 쉽게 풀 수 있습니다다음으로 가고자 하는 mx와 my의 값이 배열의 범위를 벗어나지는 않는가?다음으로 가고자 하는 map[mx][my]가 이전에 방문했던 알파벳 값과 동일한가?다음으로 가고자 하는 visit[mx][my]가 이전에 이미 방문한 적이 없는가? ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bOUq6W/btsHcnMBZEw/jdQSGLQngtQ8Oj9bE1pDlk/img.png)
✏️ 문제 링크https://www.acmicpc.net/problem/2589 ✏️ 문제 설명 ✏️ 문제 풀이그냥 단순히 모든 육지인 지점은 찾아서 그 지점에서 가장 먼 거리를 BFS를 탐색해서 구해준 후거리들의 최댓값을 구해주면 됩니다처음에는 트리의 지름을 구하는 방식으로 접근을 해봤는데 계속 2%에서 틀려서...포기 ✏️ 문제 코드#include #include #include using namespace std;struct Node{ int y, x, depth;};const int dy[4] = { -1,1,0,0 };const int dx[4] = { 0,0,-1,1 };int N, M, ret;char adj[50][50];bool visited[50][50];vector> v;void..
- Total
- Today
- Yesterday
- 투 포인터
- c++ string
- 자바
- 반복문
- 우선순위 큐
- js
- 백준 풀이
- 백준
- Do it!
- 최단 경로
- 카운팅 정렬
- 세그먼트 트리
- 알고리즘 공부
- CSS
- HTML5
- 유니온 파인드
- 에라토스테네스의 체
- 자바스크립트
- DFS
- java
- BFS
- 알고리즘
- 이분 매칭
- html
- DP
- 유클리드 호제법
- C++
- C++ Stack
- 스택
- 자료구조
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |