# RN

27개의 포스트

[React-Native] svg를 이용한 애니메이션 효과 구현

구현할 애니메이션 예제 코드CSS에서는 위의 svg 파일을 이용해 애니메이션을 적용하면 간단하게 걸어가는 강아지 애니메이션과 움직이는 배경을 쉽게 구현 할 수 있었다.나에게 주어진 과제는 react-native-game-engine 라이브러리를 이용해서 해당 기능을 똑

4일 전
·
0개의 댓글

[RN] React Native Docs #6 : Inclusion

React Native 공식 문서의 Inclusion 파트를 번역하여 정리한 글입니다.

2021년 3월 21일
·
0개의 댓글
post-thumbnail

나를 화나게 하는 에러들..ㅋ

자주 마주치는 에러들을 정리하려고 한다. npm run android 이후 Failed to install the app. Make sure you have an Android emulator running or a device connected. 안드로이드 에뮬레

2021년 3월 19일
·
0개의 댓글

[RN] React Native Docs #8 : JavaScript Runtime

React Native 공식 문서의 JavaScript Runtime 파트를 번역하여 정리한 글입니다.

2021년 3월 7일
·
0개의 댓글

210228 RN

환경 변수1\. 새 사용자 변수이름 : ANDROID_HOMEC:\\Users\\users\\AppData\\Local\\Android\\Sdk2\. 사용자 변수 -> Path -> 환경 변수 추가C:\\Users\\users\\AppData\\Local\\Androi

2021년 2월 28일
·
1개의 댓글

[RN] React Native Docs #7 : Performance

React Native 공식 문서의 Performance 파트를 번역하여 정리한 글입니다.

2021년 2월 27일
·
0개의 댓글
post-thumbnail

[RN]소스 참고 할만한것

회원가입이나 input 입력 받을때 유효성 검사 방법. checkInput ()같은 함수 만들고 return( )안에 함수 checkInput("password") 이런식으로 콜해서, switch - case문으로 유효성 체크 해주면 된다. 함수 정의는 return

2021년 2월 13일
·
0개의 댓글

[RN] React Native Docs #1 : The Basics

React Native 공식 문서의 The Basics 파트를 번역하여 정리한 글입니다.

2021년 2월 5일
·
0개의 댓글
post-thumbnail

[React Native with TS] 타입스크립트로 리액트네이티브 boilder plate 만들기 (2)스택네비게이션 만들기 (React Navigation 5.0+)

이 글은 https://levelup.gitconnected.com/react-native-react-navigation-b27ab272e09b 을 보고 작성되었습니다.여기서는 타입스크립트를 이용하여 아주 기본적인 리액트네이티브 스택네비게이션을 만들어보도록 한

2021년 1월 18일
·
0개의 댓글
post-thumbnail

[React Native with TS] 타입스크립트로 리액트네이티브 boilder plate 만들기 (1)리액트 네이티브 앱 Typescript 로 세팅하기

이 글은 https://medium.com/@vdelacou/set-up-react-native-app-with-typescript-6c775e512336 을 보고 작성되었습니다.이번 주 목표는 기존에 JS 로 작성하고 있던 주식앱을 TS 로 마이그레이션 하는

2021년 1월 17일
·
0개의 댓글
post-thumbnail

React Native & Firebase & Analytics & FCM & BigQuery 연동하기

React Native & Firebase & Analytics & FCM & BigQuery 연동하기

2021년 1월 14일
·
0개의 댓글

useLayoutEffect Hook

RN 토이 프로젝트 구성중 알게 된 "useLayoutEffect" hook리액트 공식문서에서는 아래와 같이 설명한다.이 함수의 시그니처는 useEffect와 동일하긴 한데, 모든 DOM 변경 후에 동기적으로 발생합니다. 이것은 DOM에서 레이아웃을 읽고 동기적으로 리

2021년 1월 13일
·
0개의 댓글
post-thumbnail

[Team Project] 2차 프로젝트(KIWI MARKET) - 3

가장 기억 남는 부분은 역시나 게시글 업로드 페이지 이다.아래 코드는 글쓰기 페이지의 이미지 슬라이드 부분이다.기본적인 기능은 카메라 버튼 클릭 시 앨범에서 이미지를 선택할 수 있고,선택된 이미지들은 순서대로 버튼 오른쪽으로 사각형의 이미지로 사용자에게 보이게 된다.X

2021년 1월 10일
·
0개의 댓글
post-thumbnail

[Team Project] 2차 프로젝트(KIWI MARKET) - 2

PostItem은 판매글을 업로드 하는 페이지이다.여기서 어려웠던 것은 이미지 파일(URL이 아님..)을 백엔드로 보내는 것 이었는데,그 동안은 이미지를 주고 받을 때, url을 주고 받으며 통신 했지만 이번엔 실제 이미지 파일을 전송해야 해서...

2021년 1월 10일
·
0개의 댓글
post-thumbnail

[Team Project] 2차 프로젝트(KIWI MARKET) - 1

2차 팀 프로젝트는 React-Native로 당근마켓을 클론 하기로 했다.아직 React에서도 모르는게 많고 실력도 부족하지만 새로운 것에 도전하는 것은 항상 즐겁다고 생각하는 편이다. 그렇게 시작한 RN.... 하루종일 터미널이 피를 흘린다...ㅠㅠ

2021년 1월 10일
·
0개의 댓글

RN 빌드 속도 올리기 (reference 모음)

우와 이거 신기하네 미리보기 바로 보인다아아앙마크업 까먹었는데 우측하단이나 그런데 툴바나 미리보기 형식으로 있었으면 좋겠다아아gradle.properties에서 건드려 주면 되는데 해보니까 내 앱은 왜 충돌이 나는걸까 ㅠㅠ설정 설명org.gradle.daemon : 데

2020년 12월 9일
·
0개의 댓글
post-thumbnail

[react-native-web 모노레포] - 웹 빌드 환경 구성

웹과 모바일에서 동일한 사용자 경험을 제공하기 위해 단일 React-Native 앱을 작성하고 모바일과 웹 모두 빌드할 수 있는 모노 레포지토리를 구성해보자. 주요 패키지 버전 react : 16.13.1 react-native : 0.63.3 react-nativ

2020년 12월 5일
·
0개의 댓글
post-thumbnail

[react-native-web 모노레포] - 공통 앱 작성, 모바일 빌드 환경 구성

리액트 네이티브로 작성된 앱을 웹, 모바일 모두 배포할 수 있는 모노 레포지토리를 구성한다. 구성 환경 typescript: 3.8.4 react : 16.13.1 react-native : 0.63.3 react-native-web : 0.14.8 styled-co

2020년 12월 4일
·
1개의 댓글

앱 개발의 첫 발

스파르타 코딩 클럽 앱 개발 종합반 2기를 통해 앱 개발에 첫 발을 디뎠습니다. 5주 동안 수강한 후기를 적어볼까 합니다.수강 목적앱개발을 시작하고 싶어서 강의를 찾던 도중 SpartaCodingClub을 발견했습니다. 요즘 트랜드에 맞는 언어와 각종 도구들을 이용하여

2020년 11월 8일
·
0개의 댓글

React Native UI 개발 시작

현재 앱 출시를 목표로 UX 기획자로 참여하고 있는 프로젝트에서 Figma로 와이어프레임을 시각화하고 필요시에 인터랙션을 연결해서 커뮤니케이션하고 있는데 한계를 느꼈다. 평소에 모바일 프론트앤드 개발에 도전하고 싶었기도 해서 이참에 앱 개발 환경인 react nati

2020년 11월 5일
·
0개의 댓글