1. React Native는 웹사이가 아니다. 그렇기 때문에 HTML의 를 사용할 수 없다. 대신 View를 사용하는데 View는 container이다. div대신 사용하기 때문에 항상 import 해야한다. import {View} from 'react-native'; 2. 모든 text는 text component()에 들어가야 한다. text를 View 안에 쓴다면 에러가 발생한다. View와 같이 import 하고 아래와 같이 쓴다. import {View, Text} from 'react-native'; export default function App() { return ( Hello! React Native! ); } 3. 위 코드에서 보면 View에 style이 있다. 이것은 웹의 rea..

# 시작하며 리액트 네이티브를 처음 사용했던건 코드스테이츠에서 first project를 할 때 잠시 사용해봤다. 왜 잠시냐하면.. 공부를 하지 못하고 짧은 기간 내에 하려다 보니.. 실패를 경험했다. 그 상처(?) 실패에 대한 트라우마 때문에 그 이후 네이티브를 보지 않았다. 그러다가 코드스테이츠 수료 후에 스파르타 코딩클럽에서 앱 개발 종합반을 들으며 네이티브를 공부했다. 그렇게 공부하고 나만의 앱을 만들어봐야지 하다가 자바스크립트를 다루는 것에 한계를 느꼈다. 그래서 자바스크립트, 제이쿼리 등을 더 공부했고, 다음으로 리액트를 보다보니 많이 미뤄졌다. 그러던 중.. 어떤 일인지 몰라도 얼마 전 한 회사에서 제안을 받았다. 그 회사에서는 리액트 네이티브로 앱을 만들어 사용하고 있었다. 그리고 인터뷰를..

# 학습 전 나의 상태 학습을 시작하고 어려운 부분도 많이 마주했지만 그래도 잘 넘겨와서 이렇게 마지막 배포하는 것을 배우는 것만 남았다. 실제 배포는 아직 계획에 없다. 이유는 학습을 하면서 만들었던 앱을 그대로 배포하기 보다 조금 더 페이지를 추가할 수 있는지 보고 추가해서 배포하거나 토이 프로젝트를 진행해서 앱을 기획하고 만들어서 배포할 계획이다. 어쨌든 이렇게 마지막을 향해 달려온 것이 참 기분이 좋다. # 오늘의 학습 내용 expo로 배포 하기 expo는 개발뿐 아니라 배포, 수정 재배포까지 도와주는 툴이다. 배포를 위해 먼저 해야할 것은? 로고 제작과 스플래시 스크린 제작 이미지 파일은 assets 폴더 안에 저장한다. 제작한 이미지 적용하는 방법 app.json 에 아래 부분에서 splash..

# 학습 전 나의 상태 코드스테이츠 부트캠프를 하면서 리액트를 배운 적이 있다. 팀 프로젝트를 진행한 적도 있다. 로그인, 회원가입, 마이페이지를 맡아서 했었는데 비중이 큰 작업들은 아니었다. 그래서 약간의 부족함이 있었는데 다시 리액트의 개념들을 배울 수 있고, 정리할 수 있어서 좋게 생각하고 있다. 또 팀 프로젝트로 리액트 네이티브를 활용해 앱을 만들려고 했을 때 네비게이터 부분에서 막혀서 팀 전체가 포기 한 적이 있는데 급하게 생각하지 않고 차근차근 읽고, 따라 하면서 개념을 잡아가고 싶다. # 오늘의 학습 내용 component, props, state, useEffect 리액트 네이티브는 리액트 라이브러리 기반으로 만들어진 프레임워크 기본적인 구조는 리액트와 닮았다. Component(컴포넌트)..

# 학습 전 나의 상태 JS기초 학습을 마치고 드디어 2주차 강의인 리액트 네이티브를 배우게 된다. 예전 퍼스트 프로젝트에서는 하려다가 중간에 포기 하는 바람에 프로젝트를 망친 기억이 있어서 마음이 아프지만.. 이번엔 포기 없이 잘 배워서 나만의 앱을 만들어 보고 싶다. 즐기면서 해봐야지 :) # 오늘의 학습 내용 리액트 네이티브란? 자바스크립트 하나로 안드로이드 앱과 iOS앱 두 가지 모두 만들어주는 라이브러리 페이스북에서 만듬 expo란? 리액트 네이티브로 개발 중인 앱을 쉽게 확인해주는 앱 제공 JSX 문법 태그(=element)로 화면을 그리는 것 규칙 리액트 네이티브에 들어있는 태그를 사용해야 한다. 태그 사용 설명은 공식문서 참고 (https://reactnative.dev/docs/statu..