# reactnative
스파르타 코딩 클럽 🤟🏻 - 3 주차
상태 관리 활용파이어베이스 활용회원가입 구현로그인 구현전역 상태 관리사용자들의 데이터 수신파이어베이스직접 서버를 구축하지 않고 앱에서 벌어지는 일들을 저장하고 관리할 수 있는 서버리스 서비스파이어베이스 API를 사용하여 로그인 / 회원가입 구현사용자의 데이터를 받는 I
스파르타 코딩 클럽 🤟🏻 - 개발일지 2
과제 Github 라이브러리 함수 CardComponent.jsx에서 DetailPage.jsx로 데이터 전달 CardComponent.jsx DetailPage.jsx 디자인 ImageComponent.jsx 화면 가로 너비 3등분한 값 ImageBl
SpartaCodingClub 1주차 개발일지
평소 생각이 많아 이런저런 생각을 하다가 '이런 앱이 있으면 어떨까?'라는 생각을 문득하게 되었고 어떻게 하면 만들 수 있을지 유튜브를 통해 알아보았습니다. 영화에서 해커들이 노트북으로 막 이상한 코드를 작성하는 것처럼 몇 문장을 쓰는데 그 몇 문장만으로도 저런 것을
스파르타 코딩 클럽 🤟🏻 - 2 주차
탭 네비게이터NativeBase & 컴포넌트애니메이션컴포넌트 활용실전 상태 관리 활용스택 네비게이터필요한 페이지들과 폴더들을 준비컴포넌트 페이지화탭 네비게이터한 페이지에 여러 화면을 담는 기능화면 하단에 탭 버튼으로 페이지 이동NativeBase미리 만들어진 Style
Delete `␍` eslint() prettier/prettier 에러 해결 방법
출처 : https://noogoonaa.tistory.com/62 원인 ESLint에서 발생하는 에러, 실행에는 문제 없으나, 신경이 쓰인다. 해결 .eslintrc.js 파일에 아래의 문구 추가
[스파르타코딩클럽] 개발 1주차
본격적으로 개발에 도입을 시작한 일주일이였다. 스파르타코딩클럽에서 일대일 매칭한 튜터님과 미팅을 진행했었다. 그때 나온 일주차 과제가 필수 과제 2개, 일반 과제 2개였다. 필수 2가지는 1) 0주차때 설계 한 UI 요소를 작성하기 2) web view에 쓸 웹페이지 조사 및 제작 이고 나머지는 uml 다이어그램설계와 teachable machine에...
스파르타 코딩 클럽 🤟🏻 - 개발일지 1
과제 Github기초 강의에서 배웠던 내용을 다시 다잡는 시간을 가져 저번 강의에서 이해하기 힘들었던 useState, setState를 다시 한 번 공부할 수 있어서 좋았다.리액트 네이티브가 아무래도 리액트 기반이다보니 리액트 개발자가 쉽게 공부할 수 있다고 한다.반
스파르타 코딩 클럽 🤟🏻 - 1 주차
Expo 앱 개발 환경 세팅과 유용한 개발 환경 세팅JSX 문법 리뷰 및 앱화면 만들기필수 리액트 기본 지식 및 함수앱 화면화면을 그리는 기술 JSX 문법과 StyleSheet에 대한 내용을 리뷰해보면서 자주 실수하는 부분 및 추가로 유용하게 쓰이는 기술 학습최소한의
함수형 리액트 프로그래밍
DRAFT가상의 게시판을 만든다고 가정해 보겠습니다.위 코드는 간단하게 작성할 수 있는 못 짠 게시판 코드이며, 전혀 함수형스럽지 않습니다.왜 함수형스럽지 않을까요?상태를 가집니다.인풋과 아웃풋이 뒤죽박죽입니다.만약 위 코드가 아래와 같이 되면 어떨까요?단순히 코드를
[React Native] Android Notification 알람 주기(상단 팝업 안나옴 오류 해결)
이번에 만드는 작은 사이드 프로젝트에서 Firebase를 이용한 Notification을 줄 일이 생겼다.사용 과정과 오류 해결에 대해 간단히 적어보려고 한다.위와 같이 useEffect hook에 notification 알림이 올 때 마다 로그를 찍도록 설정 하였다.
[React Native] M1 ARM arch에 따른 pod install 문제 해결
기업 협업을 통해 React-Native 프로젝트를 진행하게 되었다.React-Native-Cli 초기 환경설정을 공식문서에 따라 cocoapods을 설치하고 필요한 의존성을 설치하는 pod install 과정에서 오류가 발생했다.M1 아키텍처에 따른 오류인 것 같아
naver-login 연동 android 에러 및 설정방법
공식문서대로 실행한 뒤 run android실행시, 아래와 같은 에러가 뜨면서 build실패정말 한참을 해매었음. 생각보다 네이버 로그인에 관한 정보는 구글링에서 잘 찾을 수 없었음. 버전 문제도 아닌것 같고, 설정을 잘 못 한것도 아닌 것 같았음. (뭘 바꿔
naver-login 연동 iOS 로그인 에러
공식문서와 같이 ios 네이버로그인을 연동 하는 과정에서 로그인 버튼클릭시, 아래와 같이 웹뷰는 뜨는데 로그인을 할수 없다는 페이지가 뜸. ‘react native 네이버 로그인 에러’에 관하여 구글링을 열심히 해보았지만 원하는 답은 얻을 수 없었음. (네이버는 카
개발일지 -5주차를 마치며-
5주차 수업을 마치며.. 실제 강의 기간으로는 5주차보다 한참 전에 강의를 다 수강했었다. 너무나 재미있었고 react-native라는 프레임워크를 다루고 싶었지만, 어디에서 쉽게 배울 수가 없어 항상 막막했었다. 그러다 스파르타코딩클럽 광고 배너를 통해 속는셈치고 한번 들어보자 했던게 정말 잘 선택한 듯 싶다. 강의를 듣고 만든 앱은 사실 친구의...
