# 리액트 네이티브

22개의 포스트
post-thumbnail

리액트 네이티브 - Ⅴ

앱을 만들기 전에 시간을 내서 내비게이션과 라우팅을 어떻게 처리할지 계획해야 합니다.리액트 네이티브에서 사용할 수 있는 대표적인 내비게이션 라이브러리React Navigation (얘 사용): 자바스크립트로 구현된 라이브러리React Native Navigation:

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

리액트 네이티브 - Ⅳ

여러분은 두 개의 다른 플랫폼에서 동작하는 앱을 개발하고 있다는 점을 염두에 두고 있어야 합니다.컴포넌트에 적용한 스타일이 플랫폼별로 다르게 보이거나 동작할 수 있습니다.심지어 iOS나 안드로이드의 각 버전 별로도 스타일이 다르게 적용될 수 있습니다.리액트 네이티브의

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

리액트 네이티브 - Ⅲ

세계에서 가장 멋진 앱을 만들 필요는 없지만, 스타일이 잘 다듬어진 앱을 만들도록 해야 합니다.스타일이 잘 다듬어진 앱은 사용자의 앱의 품질에 대한 인식에 지대한 영향을 미칩니다.StyleSheet에서는 style 객체를 생성해서 각 스타일을 개별적으로 참조합니다.re

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

[React Native] 리액트 네이티브란?

💫 리액트 네이티브를 공부하면서 알게된 내용을 정리한 글입니다.React Native는 React와 앱 플랫폼의 기본 기능을 사용하여 Android 및 iOS 애플리케이션을 빌드하기 위한 오픈 소스 프레임 워크이다.React Native를 사용하면 JavaScript

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

리액트 네이티브 - Todo 앱 만들기

1. 폴더 만들어주기 여기서는 expo를 사용하도록 하겠다. 2. todo 앱 레이아웃 작성하기 3. todo 앱 코드 작성하기 ScrollView 컴포넌트 플랫폼을 감싸는 것으로 스크롤이 가능한 View 컴포넌트이다. 속성 keyboardShould

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

리액트 네이티브 - Ⅱ

2장 리액트 이해하기 1. state를 사용해 컴포넌트 데이터 다루기

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

리액트 네이티브 - Ⅰ

컴포넌트: 리액트나 리액트 네이티브 앱에서 조립 블록에 해당된다.이러한 컴포넌트들은 또 다시 여러 개의 컴포넌트가 필요한 구성의 반복적인 형태를 가진다.① stateful : 상태를 유지한다.② stateless: 상태를 유지하지 않는다.생명주기 메서드에 연경되지 않고

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

리액트 네이티브 - prolog

졸업프로젝트를 위한 정리를 시작해야겠다 :)리액트 정복하기..!

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

[React Redux] 리덕스 미들웨어

미들웨어는 액션과 리듀서의 중간 지점에 위치해 있는 놈이라고 보면 좋을듯합니다. 미들웨어는 액션이 디스패치 되어서 리듀서가 이를 실행하기 전에 액션을 캐치해서 특정한 작업을 수행하는 녀석입니다. 리듀서가 액션을 처리하기 전에, 미들웨어는 다양한 작업들을 수행할수 있습니

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

[React Native] 시작하기

Expo CLI 준비 : Node.js, 디바이스 또는 에뮬레이터가장 쉽게 시작할 수 있는 방법으로 React Native를 중심으로 구축된 도구 세트이다. 많은 기능 포함되어 있지만 필요없는 기능까지 설치되어 무겁다.React Native CLI준비 : Xcode(i

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

리액트 네이티브 배달앱 후기

리액트 네이티브를 이용하여 배달앱을 참조한 프로젝트를 해보았습니다.

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

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

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

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

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일
·
0개의 댓글

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

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개의 댓글