-
[23.01.02] TILTIL 2023. 1. 2. 20:42
새해의 첫 수업을 마쳤다.
한살 더먹다니.. 슬픔...
오늘은 저번주에 듣다 말았던 React Native로 TodoList 만들기를 마저 진행하고, asyncStorage 연결,
그다음 asyncStorage 코드 지우고 firebase 연결 및 세팅까지 진행했다.
https://my-engineering-blog.tistory.com/71
React Native로 TodoList 만들기
React Native로 TodoList 만들기 뼈대+CSS(styled component 사용) - styled component는 install 설치해줘야 한다. https://emotion.sh/docs/@emotion/native 참고 yarn add @emotion/react @emotion/native npm install @emotion/react @emotion/native
my-engineering-blog.tistory.com
https://my-engineering-blog.tistory.com/74
TodoList에 AsyncStorage 사용하기
웹에서는 LocalStorage, 앱에서는 AsyncStorage https://react-native-async-storage.github.io/async-storage/docs/install/ 설치 npm install @react-native-async-storage/async-storage yarn add @react-native-async-storage/async-storage 사용하기 Async
my-engineering-blog.tistory.com
https://my-engineering-blog.tistory.com/75
TodoList와 firebase 연결 및 세팅
https://console.firebase.google.com/ 프로젝트 터미널에 명령어 입력하여 설치, npm 또는 yarn 선택 npm install firebase yarn add firebase 저 규칙을 true로 바꿔주는 이유는, 나는 회원가입 및 로그인 기능을 사용하
my-engineering-blog.tistory.com
그리고 오늘 후발대 수업,
비동기에 대해서 배웠다.
async가 뭔지, 함께 쓰이는 await와 then,catch가 왜 쓰이는지 알게되었다.
비동기 : 데이터를 사용하는 코드는 시간이 좀 걸리는데, 그 시간동안 다른 코드를 실행한다.
await : 위 비동기처럼 다른 코드를 실행하지 않고 기다리다가 끝나면 다음 코드를 실행하라는 뜻
then : await이랑 같다. 데이터를 가져오는데 성공하면 실행시킬 코드를 집어넣는 함수
catch : then이랑 같이 쓰이는데, then은 데이터를 가져오는데 성공, 이라면 catch는 실패했을 때 실행할 코드를 집어넣는 함수이다.
수요일에는 이런것들을 이용하여 코드를 짜본다는데 너무 재미있을 것 같다.
오늘도 잘 배웠고.. 내일도 화이팅
'TIL' 카테고리의 다른 글
[23.01.11] TIL (0) 2023.01.12 [23.01.03] TIL (0) 2023.01.03 [22.12.30] TIL (1) 2022.12.31 [22.12.29] TIL (0) 2022.12.30 [22.12.28] TIL (with 프로젝트 회고) (0) 2022.12.28