본문 바로가기

Expo11

REACT-NATIVE(EXPO) SNS 프로젝트 시작 (4) 노마드 강의를 끝낸 후 직접 만들려다보니 엄청난 오류를 맞이했다🤣🤣 나는 전에 만들어뒀던 firebase 프로젝트에 지금 만들려고하는 웹앱도 연동시켜 같은 웹과 같은 서비스를 공유하도록 할 생각이었다. 문제는 내가 firebase auth에 설정한 도메인 제한 설정때문에 expo로 Auth 서비스를 사용할 수 없다. Expo는 기본적으로 도메인이 없기 때문에 내가 설정한 도메인 필터에 자동으로 걸러진다. 이 문제를 해결하기 위해 고군분투했지만 우선은 다른 과제부터 해결하기로 했다. 그 중 하나가 React-navigation의 사용이다. ❓ 이게 뭐냐고 하면 기존 React 프레임워크에서 Router 역할과 비슷한 역할을 수행한다고 보면 된다. 굉장히 간단할 것 같지만 부끄럽게도 이것도 구현하는 데 굉장.. 2021. 7. 25.
REACT-NATIVE(EXPO) SNS 프로젝트 시작(2) 서론 이번 앱 만들기 프로젝트는 REACT NATIVE라는 프레임워크를 사용한다. 우선은 앱을 만드는 방식에 대해 설명하자. ​ 앱은 처음부터 iOS나 Android가 이해할 수 있는 개발 언어로 만드는 방식이 있다. 하지만 웹 개발처럼 앱을 만드는 방식도 있다. ​ 이게 무슨 말이냐 하면 javascript로 앱을 돌리는 것이다. 리액트라는 껍데기 안에 javascript나 html의 코드를 짜넣고... 앱 처럼 포장하는 것이다. ​ 리액트 네이티브는 그러기위한 용도로 사용된다. 앱의 환경, iOS와 Android가 javascript를 이해할 수 있도록 코드와 모바일 사이의 다리 역할을 해준다. 그러면 앱은 사용자의 화면에서 반응형 웹처럼 동작하는 것이다. ​ 이 방식의 단점은 결국에는 javascr.. 2021. 7. 24.
REACT-NATIVE(EXPO) SNS 프로젝트 시작 (1) 저번 프로젝트는 리액트와 파이어베이스를 이용한 웹 개발을 해봤다. 그래서 이번에는 앱을 통해 같은 프로젝트를 구현하는 연습을 해보려고 한다. 그리고 가능하다면 웹과 같은 데이터베이스를 공유하면 좋겠다. ​ 이번 앱 개발 프로젝트는 리액트 네이티브를 사용할 예정이다. 그래서 프로젝트의 시작은 먼저 노마드코더의 리액트 네이티브 강의를 수강한 후 시작할 것이다. ​ 프로젝트의 진행상황은 전부 이 카테고리에 기록하겠다. 학습이나 전달 정보를 위해서라기보다는 그냥 내 하루 성과를 저장하는 보고서 같은 느낌의 글이 될 것이다. 그럼 이만 🖐🖐 2021. 7. 24.