꿀떡

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, ..

[ hover 하면 option 나타나는 select ] See the Pen select by shinjihyun (@ji55) on CodePen.

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 끝..

[ 비처럼 내리는 플랑크톤 ] 위에서 아래로 내려오는 플랑크톤 See the Pen plankton rain by shinjihyun (@ji55) on CodePen.

[ hover 하면 이미지 커지는 메뉴 ] See the Pen menu1 by shinjihyun (@ji55) on CodePen.

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 }

[ hover 하면 원이 되는 메뉴 ] See the Pen menu2 by shinjihyun (@ji55) on CodePen.

[ 2d flip card ] See the Pen Untitled by shinjihyun (@ji55) on CodePen.