리액트네이티브

카테고리 없음

Til (2022.12.30)

리액트 네이티브 Todolist 메인화면 만들기 기본적으로 Text, TextInput, View등 사용할 태그들은 모두 import해온 후 사용해야 한다. css스타일링 방법엔 inline styling StyleSheet Styled Component Tailwind 등이 있다. 이중에 styled component를 사용했는데 react native에서는 기본 사용했던 styled component가 아니라 emotion native (https://emotion.sh/docs/@emotion/native)를 사용하는게 편하고 호환이 잘 된다. 설치 후 npm install @emotion/react @emotion/native import import styled, { css } from '@em..

카테고리 없음

Til (2022.12.29)

리액트 네이티브 처음 설치는 편하게 expo로 시작하는게 좋다. expo에서 project를 만들고 화면에 나와있는 순서대로 하면 좋다. 1. 터미널로 npm install --global eas-cli 를 글로벌로 설치해 주고 2. npx create-expo-app name 원하는 위치에 expo에 만든 프로젝트 이름으로 만들어 준다. 3. init은 파일 내부 터미널에서 사용해주면 편리하게 자동으로 배포가 가능하다. 그 후 프로젝트를 제작하면서 어떻게 나오는지 확인해보려면 터미널에서 npm start혹은 yarn start를 누르면 qr이 나오게 되는데 휴대폰에 expo go설치 후 qr을 찍으면 볼 수 있고 실시간으로 수정사항도 반영된다.

prdg
'리액트네이티브' 태그의 글 목록