Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- react
- vanilla js
- github
- TiMER
- javascript
- expo
- Nomad
- Project
- coding
- Clone
- 프로젝트
- 자바스크립트
- HTML
- 바닐라 자바스크립트
- 클론코딩
- Hook
- 코코아톡
- Firebase
- react-native
- CSS
- 마무리
- 계획
- Netflix
- Vanilla
- 느낀 점
- react-hook
- Nicolas
- scflix
- 오류
- Nomad coder
Archives
- Today
- Total
목록update (1)
꾸매코딩
[React] Timer 만들기 / 저장한 데이터 수정(Update), 삭제 기능(Delete)
결과 저장한 데이터를 수정하고 삭제할 수 있도록 만들었다. Firebase DB에서 “실시간”으로 업데이트하기 때문에 바로 변경됨 CRUD의 기능이 완성되었다. 아이디에 고유 id 값과 DB의 id 값을 비교하여 자신의 데이터만 불러온다. CSS 내용 우선은 배치와 아이콘만 적용해 주었다. [Times.css] .times--container { width: 500px; display: grid; grid-template-columns: 400px 100px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 10px; padding: 10px 0px; font-size: 18px; } .times--container input { width: 3..
Project/Timer Project
2021. 7. 25. 15:22