꿀떡

npm i @angular/common - app.module.ts 추가 import { HttpClientModule } from '@angular/common/http'; imports: [ HttpClientModule ], - constructor constructor(private http: HttpClient) { } - get apiTest() { this.http.get('https://jsonplaceholder.typicode.com/todos/1').subscribe((res) => { console.log(res) }) } - post apiTest() { this.http.post('https://jsonplaceholder.typicode.com/posts', { title: '..

- 프로젝트 생성 ng new my-first-project - component 생성 ng g c test - for문 {{i+1}} {{todo.name}} X - props [부모.components.html] [자식.componen.ts] export class CounterComponent implements OnInit { @Input() count: number; constructor() { } ngOnInit(): void {} } -emit [자식.component.ts] export class CounterComponent implements OnInit { @Output() test = new EventEmitter(); check = 'emit' handleClick(state:st..

[ axios에 header 넣기 ] 1. axios.post에 header axios.post('/api', { name: name }, { headers: { Authorization: token, }, } ) 2. axios.get에 header axios.get('api', { params: { name: name }, headers: { Authorization: token, }, }) 3. axios.put에 header axios.put('api', { name: name }, { headers: { Authorization: token, }, } ) 4. axios.delete에 header axios.delete('api', { headers: { Authorization: token, ..

animation: name | duration | timing-function | delay | iteration-count | direction | fill-mode | play-state 사용할 수 없는 animation-name animation-name: 5name /* 숫자로 시작하는 경우 */ animation-name: #name /* 특수 문자로 시작하는 경우 */ animation-direction - normal: 순방향으로 재생하며, 한 번 끝나면 첫 번째부터 다시 시작 - alternate: 순방향과 역방향 번갈아 재생 - reverse: 역방향으로 재생하며, 한 번 끝나면 마지막부터 다시 시작 - alternate-reverse: 역방향과 순방향 번갈아 재생 animation 끝..

10번 이후 모두 li:nth-child(n+10) { color: red } 배수 선택 li:nth-child(7n) { color: red } 1번부터 5번까지 li:nth-child(-n+5) { color: red } 10번부터 20번까지 li:nth-child(n+10):nth-child(-n+20) { color: red } 마지막에서 2번째 li:nth-last-child(2) { color: red } 홀수 li:nth-child(odd) { color: red } li:nth-child(2n+1) { color: red } 짝수 li:nth-child(even) { color: red } li:nth-child(2n) { color: red }

프로젝트 갤러리 부분 3d 카드에서 "backface-visibility: hidden"이 갑자기 안 먹었다. img 태그는 잘 되는데, span태그랑 p태그가 갑자기 카드를 안 뒤집어도 보이기 시작했다. 잘 되던 게 갑자기 안 되어서 너무 황당했는데, 구글 찾아보니 크롬 버그라는 말도 있고, 확실한 이유는 잘 모르겠다. 어쨌든 구글 열심히 찾아서 이 코드, 저 코드 다 넣어봤는데, 계속 실패하다가 전체에 "backface-visibility: hidden" 주고, 부모한테 "transform: translateY(0)" 넣으라는 거 참고해서 카드 전체에 hidden 주고 .galleryCard > * { backface-visibility: hidden; } 부모 부분을 아래처럼 수정했더니 /* bac..

WHERE - 기본적인 조건절 - 우선적으로 모든 필드를 조건에 둘 수 있음 - GROUP BY 앞에 위치 SELECT HOUR(DATETIME) AS 'HOUR', COUNT(HOUR(DATETIME)) AS 'COUNT' FROM ANIMAL_OUTS WHERE HOUR(DATETIME)>8 AND HOUR(DATETIME)8 AND HOUR