본문 바로가기

Expo11

REACT-NATIVE(EXPO) SNS 프로젝트 마무리 (8) 서론 드디어 길었던 EXPO 앱 개발 프로젝트가 끝났다. 지금 만든 앱은 기존에 작성한 nwitter 프로젝트의 모든 기능을 그대로 구현한다. 앱 개발에 대한 이해를 심화시킬 수 있는 좋은 경험이었다고 생각한다. 현재 결과물은 이 상태로 두진 않을 것이다. 앞으로 연습 프로젝트를 몇 번을 거친 다음에 거기에 얻은 지식을 바탕으로 현재 앱을 지속적으로 업데이트 해나갈 생각이다. 목표는 실제로 앱 스토어에 등록해 배포까지해보는 것이다. 오늘은 프로젝트를 마무리하며 마지막 지식을 정리하도록 하자. 앱의 디자인 나는 디자인의 기초가 없어서 몰랐지만, 생각해보면 처음부터 레이아웃을 정하고 디자인을 했다면 훨씬 수월하지 않았을까 싶다. 이런 식으로 말이다. 심지어 이런 레이아웃을 정하는 방법도 전혀 어렵지 않다. .. 2021. 8. 1.
REACT-NATIVE(EXPO) SNS 프로젝트 시작 (7) 서론 오늘부로 목표로 했던 모든 기능은 구현을 마쳤다. 전의 프로젝트에서 사용했던 파이어베이스와 같은 서비스를 공유하면서 게시물의 업로드와 프로필 업데이트 기능도 끝마쳤다. 난관이라면 모바일이라는 환경 때문에 생기는 변수와 아직 생소한 EXPO라는 개발 환경이었다. 사소한 무지에서 오는 여러 버그들을 해결하는 데 엄청난 시간을 잡아먹혔다. 오늘부로 최소한의 기능구현은 마무리 지었으니 앞으로는 이 기능을 좀 더 강화하는데 집중할까 한다. 그럴싸한 SNS 구색을 갖춘 뒤 실제로 앱 스토어에 배포해보는 연습도 해 볼 생각이다. 일단은 오늘 완성된 결과물에 대해서 설명을 할까 한다. 이미지 선택 (Image Picker) 게시물을 제대로 업로드하기 위해서는 이미지를 선택하는 기능이 필수였다. 당연한 말이겠지만 .. 2021. 7. 30.
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.