본문 바로가기

React/React Native20

리액트 네이티브] 2. 리액트의 조건, if문, 조건문, 빈 값, 주석, 스타일링 처리 (실행 환경 : Windows, 참고하는 책 : 처음 배우는 리액트 네이티브) 리액트는 jsx라는 언어로 코딩하는데, 객체 생성과 함수 호출의 문법적 편의를 위한 확장 기능이다. 먼저, 리액트 네이티브를 코딩할때 가장 중요한 점은 export default function App() { const name = 'mary'; return ( Open up App.js to start working on your app! ); } 해당 방식대로 코딩하면 안된다는 점이다. 저같은 경우는 vscode의 snippet을 쓰는데, 다음과 같은 오류를 출력해줍니다. JSX 식에는 부모 요소가 하나 있어야 합니다. 반드시, 나 로 묶어서 처리해야합니다. 의 경우 UI구성의 가장 기본적인 컴포넌트입니다. 그러나 내가 뷰.. 2021. 9. 29.
리액트 네이티브] 0. (2). Mac 환경으로 React Native 준비하기 (사용하는 책 : 처음 배우는 리액트 네이티브) (기술 날짜 : 2021.09.23) (기술 날짜를 기록해두는 이유는 이후의 버전 변경 등으로 인해 설치 커맨드가 변경될 수도 있기 때문입니다.) Mac에서 앱을 개발할 때는 다음과 같은 것이 필요하다. 1) HomeBrew 2) watchman 3) Node.js 4) XCode 5) JDK 6) Android Studio 7) Expo Python의 경우 Mac에서 기본지원하기 때문에 따로 다운로드하지 않습니다. 1) HomeBrew 홈브류는 맥용 패키지 매니저입니다. 설치법은 간단합니다. https://brew.sh/ Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 다음 페이지로 .. 2021. 9. 29.
리액트 네이티브] 1. Expo 프로젝트 실행 (책은 처음 배우는 리액트 네이티브, 개발 환경은 Window입니다.) 명령 프롬프트를 실행합니다. 먼저 Expo를 설치합시다. npm을 이용해 설치합니다. npm install --global expo-cli 이제 프로젝트를 만들어봅시다. 먼저 프로젝트를 저장하고 싶은 폴더로 이동합니다. ex) (이건 제가 만들어놓은 예시고, 여러분들은 여러분들이 만들고 싶은 걸로 만드세요......) cd C:\workspace\reactNative 이제 해당 폴더에서 Expo 프로젝트를 생성합니다. expo init my-first-expo 이제 해당 프로젝트 폴더로 이동해서 해당 프로젝트를 실행합시다. cd my-first-expo npm start 그러면 해당 개발자 웹이 열릴겁니다. 이제, 안드로이드랑 아이폰.. 2021. 9. 15.
리액트 네이티브] 0. (1). Window 환경으로 React Native 준비하기 (사용하는 책 : 처음 배우는 리액트 네이티브) 사실 리액트 네이티브를 개발하려면 그냥 Mac에서 개발하는 것이 쌍방 고생 안하고 좋은 길이긴 하지만 한낮 주니어 스타트업 개발자에게 맥이란 사치같은 것.. 하지만 몸값을 위해서 투자는 해야겠지 (눈물) 맥 환경은 ^-^ ...... 맥을 사면 그 때 생각하기로 하고(맥북에어 M1 사고싶다), 지금은 윈도우 환경으로 개발할거라 그냥 Expo로 개발할거다. Expo는 여러 장점이 있는데, 가장 큰 장점은 안드로이드든 ios든 Expo 앱을 깔고 그냥 그 앱의 카메라로 Expo QR코드를 인식하면 자동적으로 해당 앱을 빌드해준다는 것이다. 게다가 선을 굳이 필요로 하지 않는다. 안드로이드 기준으로, 개발 할 때 애플리케이션 모음에 지저분하게 여러 앱이 남는 것.. 2021. 9. 15.
반응형