기록하는 개발자 기록하는 개발자

저번엔 TodoList를 만들었는데, 이번에는 이 후 강의에서 배운 여러 라이브러리,API들을 통해서 영화들을 소개하는 서비스를 만들어보려고 한다. 오늘 강의는 여러 라이브러리를 사용해서 UI 만드는 것을 배웠고, 그것들을 적용해서 오늘의 과제인 UI를 만들어보려고 한다. 그리고 오늘부터 모든 설치는 yarn 으로만 기재하기로 했다. 목표 위와 같은 이미지를 만드는것이 목표이다. 1. EXPO Project 설치 및 셋업 1-1. EXPO Project 설치 https://reactnative.dev/docs/environment-setup React Native 공식문서에서 Expo Go를 터미널 통해 설치한다. 만들 파일명은 Movie-introduction-task 이다.(파일명 자유) 설치 완료가..

https://console.firebase.google.com/ 프로젝트 터미널에 명령어 입력하여 설치, npm 또는 yarn 선택 npm install firebase yarn add firebase 저 규칙을 true로 바꿔주는 이유는, 나는 회원가입 및 로그인 기능을 사용하지 않고 firestore만 사용하면 되기 때문이다. 세팅 끝

웹에서는 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에 저..

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

설치 전 사전작업 - 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랑 연결해주는 ..