# 리액트 네이티브

10개의 포스트
post-thumbnail

네이티브 앱 → 리액트 네이티브 앱 전환 그리고 1년 후

라프텔에서 네이티브 앱으로 구현되어 있던 환경을 리액트 네이티브 앱으로 전환 한 지 1년이 되었습니다. 그동안의 배움에 대해 공유합니다.

2021년 1월 7일
·
4개의 댓글

20201230 공부 일기

클래스가 아닌 객체를 사용한다. 고로 블록문 안에 ;를 쓰지 않고 ,로 구분한다.ex) justify-content (X) / justify-content (O)숫자만 쓰거나 %를 사용한다. 다른것이 더 있는 지는 더 봐야 함TouchableHightlight \-

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

리액트 네이티브

리액트 네이티브 vs 김태현

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

Android StackNavigator slide from right transition Issue

react-navigation의 Andorid에서 StackNavigator에서 사용할 수 있는 애니메이션 전환은 bottom->top으로 페이드인 트랜지션 애니메이션이 기본으로 설정되어 있다.(IOS는 left->right로 되어있음...)IOS 슬라이드 트랜지션 애

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

리액트 네이티브 state 와 props 이해하기

우선 기본 화면인 App.js 파일의 App class에 아래와 같이 작성하였다.말이 어려운거 같지만, 쉽게 얘기하자면, 앱을 실행시킬때 출력되는 화면을 나타내는 데이터들을 다룬다는 말이다. state는 그만큼 중요하다. 위의 코드와 같이 render함수 밖에 stat

2020년 11월 14일
·
1개의 댓글

리액트 네이티브 이벤트 발생 및 버튼 구현

TouchableOpacity를 이용해서 view에다가 이벤트를 발생시켜 보겠다.임의로 header.js 라는 파일을 새로 만들어서 실습을 해보았다.TouchableOpacity는 여러 property를 가지고있다. 몇 가지를 보겠다.TouchableWithoutFee

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

리액트 네이티브 태그 사용 및 style 다루기

리액트 네이티브의 app.js 파일 속 내용들이 화면의 출력 화면이 된다.위는 app.js에 view태그와 text태그를 사용해서 앱 화면에 hello world를 출력하게 했다.view태그와 text태그에 글자의 색이나 여러 style을 줄 수 있다.태그에 style

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

Ionic (아이오닉) vs React Native (리액트 네이티브) (feat. 하이브리드 앱) - FE study12

1. 사전지식 반응형 웹 (웹) : html, css, js 로 이루어진 웹을 모바일 상의 화면으로 보는 것. 네이티브 앱 (앱): android(코틀린) 혹은 ios(스위프트) 환경의 코드로 제작된 모바일용 어플리케이션 하이브리드 앱 (앱): 웹 코드로 이용해 각 플랫폼(android, ios)으로 패키징한 어플리케이션 (웹 + 앱) 프로그레시브 웹앱 ...

2020년 1월 17일
·
0개의 댓글

React Native 시작전 고려사항(단점X)

React를 사용한 웹개발 경험이 있으면, React Native를 이용한 앱개발을 고려하게 됩니다. React Native를 이용하여 앱을 개발시 미리 알았더라면 하는 내용입니다. 1. React로 웹 개발해 봤으면 바로 시작 할 수 있습니까? React로 웹을 만들어 봤으면 동일한 구조로 진행 할 수는 있습니다. 는 로 바꾸고, 은 로 바꾸면 끝이다라...

2019년 8월 11일
·
3개의 댓글
post-thumbnail

[React Native] 헬로우톡 앱 클론 프로젝트

약 두 주간 헬로우톡 앱을 클론하는 프로젝트를 진행했다. 헬로우톡은 언어교환 앱인데, 기본적인 채팅 앱의 구조를 잘 갖추고 있어서 한 번 클론에 도전하게 됐다. 프로젝트는 Redux와 Firebase를 기반으로 진행했는데, 채팅 앱의 UI를 어떤 식으로 구성해야되는지,

2019년 1월 22일
·
0개의 댓글