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
- 마무리
- 자바스크립트
- Firebase
- coding
- expo
- Nicolas
- 느낀 점
- react
- Nomad coder
- 계획
- Project
- Hook
- HTML
- Netflix
- react-native
- 코코아톡
- Clone
- TiMER
- vanilla js
- Nomad
- CSS
- github
- react-hook
- 오류
- javascript
- Vanilla
- 클론코딩
- 프로젝트
- 바닐라 자바스크립트
- scflix
Archives
- Today
- Total
목록ToDoList (2)
꾸매코딩
[ToDoListApp] 타이머 시간 저장 및 Title 저장 기능
결과 Timer의 시간과 Title(제목) 저장 기능을 만들었다. React-Native 컴포넌트인 Modal을 사용하여 만들었다. 오류 타이머 기록한 내용을 삭제 시 전체가 사라지는 오류 (해결) → 변수를 잘못 설정해주었다. 너비가 고정이 아니라 Title 길이에 따라 변경되는 오류 (해결) → 가장 바깥 tag에 CSS가 잘못 지정되어 있었다. 계획 expo AsyncStorage 기능으로 DB 기능 구현할 계획이다. ToDoList에 완료 버튼을 누르면 모든 스타일이 변경되는 문제를 해결할 예정이다.
Project/ToDoList [React-Native]
2021. 10. 15. 22:21
[ToDoListApp] ToDoList 기능 구현 및 타이머 기능 구현
결과 간단하게 ToDoList와 Timer 기능을 만들었다. 타이머의 시작, 멈춤 정지 기능을 구현했다. 이미지는 https://icons.expo.fyi/ 위 사이트에서 가져왔다. ToDos expo의 API 중 AsyncStorage를 사용하여 저장하고 있다. 완료 버튼과 삭제 버튼을 만들어 놓았는데, 삭제는 가능하나 완료 상태는 아직 구현하지 못하였다. const addToDo = () => { if (text === '') { return; } const newToDos = { ...toDos, [Date.now()]: { text, inToDos } }; setToDos(newToDos); saveToDos(newToDos); setText(''); }; const deleteToDo = asy..
Project/ToDoList [React-Native]
2021. 10. 14. 17:57