![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/1kJY6/btsG3mocyVZ/z5KIkPB1eMvxiOr1I1OjRk/img.png)
✏️ 변형 함수translate() 함수: 요소 이동하기transform: translate(tx,ty)지정한 크기만큼 x축과 y축으로 이동transform: translate(tx,ty,tz)지정한 크기만큼 x축과 y축, z축으로 이동transform: translateX(tx)지정한 크기만큼 x축으로 이동transform: translateY(ty)지정한 크기만큼 y축으로 이동transform: translateZ(tz)지정한 크기만큼 z츅으로 이동scale() 함수: 요소 확대 및 축소하기transform: scale(sx,xy)지정한 크기만큼 x축, y축으로 확대 및 축소transform: scale3d(sx,xy,sz)지정한 크기만큼 x축, y축, z축으로 확대 및 축소transform: sca..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/MxkDT/btsG3N6MiDT/JW6zdjq8ndjSidjB6pH7uk/img.png)
✏️ animation 속성자바스크립트를 사용하지 않고도 웹 요소에 애니메이션을 추가할 수 있음 / 특정 지점에서 스타일을 바꾸면서 애니메이션을 만들고, 이렇게 애니메이션 중간에 스타일이 바뀌는 지점을 키프레임이라고 함, 키프레임은 @keyframe 속성으로 정의하고, animation 속성과 그 하위 속성을 이용해서 애니메이션의 특성을 지정종류설명@keyframes애니메이션이 바뀌는 지점을 지정animation-delay애니메이션의 시작 시간을 지정animation-direction애니메이션을 종료한 뒤 처음부터 시작할지, 역방향으로 진행할지 지정animation-duration애니메이션의 실행 시간을 지정animation-iteration-count애니메이션의 반복 횟수를 지정animation-na..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/KUmre/btsG3soaNiO/gndtnexLwGfJ8U9Z7yIvsK/img.png)
✏️ 트랜지션(transition)웹 요소의 배경색을 바꾸거나 도형의 테두리를 사각형에서 원형으로 바꾸는 것처럼 스타일 속성을 바꾸는 것예를 들면 파란색 사각형 위에 마우스를 가져다대면 빨간색 사각형으로 바뀌는 것 등을 생각해 볼 수 있음이런 식으로 웹 요소의 스타일 속성이 시간에 따라 바뀌는 것을 의미 ✏️ 트랜지션과 속성종류설명transition-property 트랜지션의 대상을 설정transition-duration트랜지션의 실행 시간을 설정transition-timing-function트랜지션의 실행 형태를 지정transition-delay트랜지션의 지연 시간을 지정transition위의 속성들을 한꺼번에 지정 #1 트랜지션의 대상을 지정하는 transition-property 속성..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/ykSYS/btsG35lSoP8/1OzxqTjBcSzNaHed0QUNHk/img.png)
✏️ 문제 링크https://www.acmicpc.net/problem/24444 ✏️ 문제 설명 ✏️ 문제 풀이bfs를 구현하는 문제입니다. visited배열을 만들어서 각 정점의 방문 여부를 체크해주고, order배열을 만들어서정점들의 방문 순서들을 저장해 주면 됩니다. 오름차순으로 인접 정점을 방문해줘야 하므로 sort 정렬을 해줍니다. ✏️ 문제 코드#include#include#include#includeusing namespace std;int N, M, R;vector>mlist;bool visit[100001];int order[100001];int cnt = 1;int main() { ios::sync_with_stdio(false); cin.tie(NULL); cout.tie(NU..
- Total
- Today
- Yesterday
- 유클리드 호제법
- 우선순위 큐
- 최단 경로
- 카운팅 정렬
- Do it!
- java
- 백준
- 알고리즘
- c++ string
- html
- 투 포인터
- 자바
- 알고리즘 공부
- 이분 매칭
- 반복문
- BFS
- 유니온 파인드
- 에라토스테네스의 체
- C++ Stack
- 백준 풀이
- 스택
- 세그먼트 트리
- HTML5
- DP
- 자료구조
- CSS
- C++
- DFS
- 자바스크립트
- js
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |