분류 전체보기50 REACT-NATIVE(EXPO) SNS 프로젝트 시작 (6) 서론 이번 포스트는 오늘 진행한 내용을 간단히 정리하고자 한다. 저번 포스팅에선 미들웨어와 미들웨어를 적용한 리덕스의 활용법을 알아봤다. 오늘은 전에 만든 nwitter 프로젝트를 앱으로 만들어봤다. 아직 다 만든건 아니지만 핵심 기능 절반은 구현했다. 우선 진행하면서 겪었던 난항들에 대해서 소개하도록 하겠다. 파이어베이스의 보안 해제 내가 원하는 건 이미 웹으로 구현한 파이어베이스 서비스를 앱에서도 가능하도록 하는 것이다. 그렇기 때문에 웹과 동일한 파이어베이스 프로젝트를 사용할 필요가 있다. 하지만 리액트 네이티브는 기본적으로 URL을 가지지 않으므로 도메인 보안을 걸어둔 기존의 파이어베이스에는 접근할 수가 없었다. 그래서 어쩔 수 없이 걸어두었던 도메인 제한을 모두 풀었다. 파이어베이스 콘솔의 도메.. 2021. 7. 28. REACT-NATIVE(EXPO) SNS 프로젝트 시작 (5) 서론 내가 두 번째로 만들어볼 것은 본 프로젝트의 성공을 위한 예행 연습용 프로젝트다. 여기에서 나는 1. 파이어베이스의 연동 2. react-navigation의 사용 3. react native에서의 redux 사용 을 목표로 한다. react-navigation의 사용은 저번 포스트에서 다루었다. SwitchNavigation을 사용했기 때문에 편리한만큼 여러 단점도 있었다. 우선 내가 참고로 하는 블로그에서는 props의 전달을 SwitchNavigation을 통해서 하지 않았다. 그래서 SwitchNavigation이 실제로 props의 전달을 어떻게 하는지, 가능은 하는지는 잘 모른다. 대신 react-navigation의 가장 기본이 되는 Stack Navigation에서는 구현도 간단하며 .. 2021. 7. 26. 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. 이전 1 ··· 9 10 11 12 13 다음
