react-native12 REACT-NATIVE(EXPO) SNS 프로젝트 시작 (4) 노마드 강의를 끝낸 후 직접 만들려다보니 엄청난 오류를 맞이했다🤣🤣 나는 전에 만들어뒀던 firebase 프로젝트에 지금 만들려고하는 웹앱도 연동시켜 같은 웹과 같은 서비스를 공유하도록 할 생각이었다. 문제는 내가 firebase auth에 설정한 도메인 제한 설정때문에 expo로 Auth 서비스를 사용할 수 없다. Expo는 기본적으로 도메인이 없기 때문에 내가 설정한 도메인 필터에 자동으로 걸러진다. 이 문제를 해결하기 위해 고군분투했지만 우선은 다른 과제부터 해결하기로 했다. 그 중 하나가 React-navigation의 사용이다. ❓ 이게 뭐냐고 하면 기존 React 프레임워크에서 Router 역할과 비슷한 역할을 수행한다고 보면 된다. 굉장히 간단할 것 같지만 부끄럽게도 이것도 구현하는 데 굉장.. 2021. 7. 25. REACT-NATIVE(EXPO) SNS 프로젝트 시작(3) expo❗ expo의 매력은 다음과 같다. REACT-NATIVE의 개발 환경을 좀 더 쉽게 구성해준다. 실제 핸드폰과 연동하여 시뮬레이션을 가능하게 해준다. 좀 더 넓은 개발 기능을 지원한다. 이런 이유 때문에 expo를 사용하여 개발하고 있다. 좀 더 큰 기업에서는 REACT NATIVE를 이용하여 직접 react 파일에 접근하여 개발한다고 한다. 하지만 노마드 선생님의 이야기에 의하면 expo로도 충분히 개발이 가능한 모양이다. expo를 이용한 개발 방식은 javascript를 이용한 앱 개발이다. 이는 웹을 앱처럼 구동시키는 방식이다. 편리한만큼 개발의 한계는 뚜렷하다는 단점이 있다. 개발 규칙❓ 원래의 REACT와 비교하면 많은 것이 다르다. 우선 REACT NATIVE에서는 VIE.. 2021. 7. 24. 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. 이전 1 2 3 다음
