2022.01.11 - [React Native/Basic] - [React Native] React Native Component - 1. Intro 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 2. View, Text 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 3. Style 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 4. TouchEvent 2022.01.12 - [React Native/Basic] - [React Nativ..

2022.01.11 - [React Native/Basic] - [React Native] React Native Component - 1. Intro 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 2. View, Text 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 3. Style 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 4. TouchEvent 2022.01.12 - [React Native/Basic] - [React Nativ..

1. React란 User Interface 를 개발하기 위한 JS library 텍스트, 버튼, 그림 같은 화면을 구성하는 뷰를 만들어주는 라이브러리. 페이스북에서 개발하고 관리 중이다. 2. 화면 출력 맛보기 react 모듈에서 Component 클래스 import. Component 클래스를 App이라는 클래스가 상속받는데, 이 안에는 render() 라는 함수가 있고, 이 함수가 리턴하는 것들이 화면을 구성하게 된다. import React, { Component } from 'react'; import { View, Text, StyleSheet } from 'react-native'; class App extends Component { render() { return ( Hello World..

1. var, let, const javascript에서는 var 하나면 유연한 방식으로 변수를 선언할 수 있어 편하지만 문제점이 있다. var 문제점 해결을 위해 ES6에서 let, const 가 새로 등장했다. var의 문제점 1. function 단위의 scope var hello = 'world'; function test() { var hello = 'korea'; console.log(hello); // korea } test(); console.log(hello); // world var hello = 'world'; if (true) { var hello = 'korea'; console.log(hello); // korea } console.log(hello); // korea 2. 변수..

1. react-native init [project_name] RuntimeError: abort(Error: Failed to install CocoaPods dependencies for iOS project, which is required by this template. Please try again manually: "cd .//Users/byein/rn/rn1/ios && pod install". CocoaPods documentation: https://cocoapods.org/). Build with -s ASSERTIONS=1 for more info. at process.abort (/Users/byein/rn/rn1/node_modules/metro-hermes-compiler/sr..

1. React Native 기본 원리 RN - 모바일 웹/앱, 하이브리드 앱이 아닌 native 앱을 제작하기 위한 오픈소스 프레임워크 ios 네이티브 앱은 object c, swift를 ios에 타겟팅해주는 컴파일러 존재. android의 경우 java, kotlin을 안드로이드에 타겟팅해주는 컴파일러 존재. High Level 측면 크로스 플랫폼인 RN은 단지 javascript 개발 코드를 각 os 플랫폼에 타겟팅해줌. Low Level 측면 RN에서는 앱을 빌드할 때 앱의 전체 로직을 가지는 js bundle을 만들고 이 번들을 각 플랫폼에 심어주게 됨. JS 번들은 JS Thread에 의해 실행되는데 각 플랫폼에서 앱을 실행하기 위한 Native Thread는 JS Thread와 직접 커뮤니케..