분류 전체보기
-
[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 np..
-
TodoList에 AsyncStorage 사용하기React/React Native 2023. 1. 2. 12:18
웹에서는 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 사용하기 AsyncStorage는 비동기적으로 실행해야 하며, 즉 함수 안에서만 실행 할 수 있다. import AsyncStorage from '@react-native-async-storage/async-storage'; // 사용하기 위해 import 해온다. // 현재 최신 todos를 AsyncStorage에 저..
-
[12.26~1.1] 9주차 WILWIL 2023. 1. 2. 10:46
새해가 밝았다. 먼저 저번주 목표부터 다시한번 보자. 진행중인 프로젝트 무사히 완성하기✅ firebase로 간단한 crud 개인 프로젝트 만들기 지각하기 않기✅ 월~토 헬스장 가기✅ firebase 사용해서 프로젝트 만드는건 개인과제때문에 조금 미뤄졌다. 프로젝트도 무사히 마쳤고, 지각도 안했고.. 헬스장도 열심히 갔당 ㅎㅎㅎ연말에 달리기는 했지만.. 올 해는 복을 듬뿍듬뿍 받아서 좋은데 취업했으면 좋겠다..(간절한 소망ㅇ입니다유 ㅠㅠㅠ) 헤헤..여하튼 이번주는 React Native 에 대해서 배웠는데, 문법은 그냥 js 사용하면되서 크게 다를건 없다. 다만 태그와 태그속성, style속성이 조금 틀리다. onsubmit 속성은 onSubmitEditing 이고 클릭이 아니라 엔터로 먹히고.. onCh..
-
[22.12.30] TILTIL 2022. 12. 31. 00:25
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 오늘 이거 정리하느라 하루를 다 썼다. 그냥 React로 Web을 만들 때랑은 코드 작성 방법이 달라서 많이 헤맸던 것 같다. 나는 뭔가 ..
-
React Native로 TodoList 만들기React/React Native 2022. 12. 30. 16:48
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 둘중 하나 원하는걸로 설치 import styled from '@emotion/native'; import 해오기 뼈대 코드 import {StatusBar} from 'expo-status-bar'; import styled from '@emotion/native'; import {TouchableOpacity} fr..
-
[22.12.29] TILTIL 2022. 12. 30. 15:21
https://my-engineering-blog.tistory.com/69 React Native 설치 및 로컬환경 작업부터 배포까지 설치 전 사전작업 - https://expo.dev/ 가입하기 - 휴대폰에 Expo Go 어플 설치하기 설치하기 1. https://expo.dev/ 접속 2. 처음 프로젝트를 만든다면 왼쪽 메뉴에서 Create Project 버튼을 클릭, 프로젝트를 생성 my-engineering-blog.tistory.com npm 설치하는데, 에러가 생긴다. 권한 설정 문제라는데.. 귀찮으니 sudo로 설치해준다. sudo npm install --global eas-cli 설치가 완료되었다.. 왜 자꾸 권한 설정 문제가 생기는건지.. React Native는 style 주는게 일..
-
React Native 설치 및 로컬환경 작업부터 배포까지React/React Native 2022. 12. 29. 13:15
설치 전 사전작업 - https://expo.dev/ 가입하기 - 휴대폰에 Expo Go 어플 설치하기 설치하기 1. https://expo.dev/ 접속 2. 처음 프로젝트를 만든다면 왼쪽 메뉴에서 Create Project 버튼을 클릭, 프로젝트를 생성한 적이 있다면 아래 버튼 클릭 3. 프로젝트 이름 작성 후 Create 버튼 클릭 4. 터미널에 아래 명령어 순서대로 입력 중요! 3번의 id 뒤에 3538d55d.... 이 부분은 변경이 되는 부분이니 저장해놓고 쓰지 말고 그때그때 확인해서 입력하기. 4-1. 맥북의 경우 1번 설치에서 Error가 발생한다면, 아래 명령어로 입력 sudo npm install --global eas-cli 4-2. 3번은 파일 경로로 들어가서 expo랑 연결해주는 ..
-
[22.12.28] TIL (with 프로젝트 회고)TIL 2022. 12. 28. 19:59
프로젝트 종료 아.. 드디어 프로젝트가 종료됐다. 이번 프로젝트는 너무 힘들었다..아 저번에도 힘들었나? ㅠㅠㅠㅠ 개념을 수박겉햝기로 배우고 들어가니 이게 왜 쓰이는건지.. 이걸로 뭘 하는건지..정말 감이 안잡혔다. 남이 만든 코드(리듀서 뼈대)를 복붙해서 거기에서 작성하니까 문제가 됐던게 get에는 thunk코드에서 json주소 적고 뒤에 payload를 못받는데 그걸 계속 받으려고 하니 되지도 않고;; update는 payload가 필요한데 그게 없으니 업데이트가 안되고 이 코드가 뭔지도 모르고 계속 맘대로 코딩하다보니 의도치않은 에러들이 너무 많이 났다. 이 에러들을 잡으면서 정말 많이 배운 것 같다. 콘솔을 계속 찍으면서 잡아보니, Hook에대한 이해도가 대폭 상승하였고, thunk를 쓰는 이유와..
-
[22.12.27] TILTIL 2022. 12. 28. 11:34
오늘 배운 점 - Slice 안에 액션상수? 의 이름은 다 달라야 한다. - 항상 데이터 잘 보내는지, 가져오는지 콘솔 찍어 볼 것 Thunk를 쓰는 이유 비동기적인 액션을 쓸 수 있음. / 서버통신 얼마나 걸릴줄 모르는데 기다릴 수 없음 / promis로 보내려면 thunk를 써야함. 일지 Slice를 어떻게 작성해야하는지 잘 몰랐고, useSelector, useEffect, useParams, Location, dispatch를 어떻게, 왜 사용해야하는지 몰랐는데 이제야 좀 감이 잡힌다. 효율적으로 작성하기 위해 Slice에 어떻게 코드를 짜면 좋을지 고민해보는 시간을 가졌다.