Programming
컴포넌트란? React에서 UI를 담당하는 클래스 ( 여러 요소를 화면에 렌더링해주는 역할 ) 클래스 컴포넌트 작성 방식 import React, {Component} from 'react'; import {Text} from 'react-native'; // 클래스 컴포넌트는 React의 Component 클래스를 반드시 상속해야한다. export default class ClassComponent extends Component { render() { return Hello world!; } /* render() 메소드 사용해서 가상DOM을 물리DOM으로 바꾸어 화면에 표출 render() 메소드는, 반드시 null, undefined, React.createElement반환값, JSX구문을 반환해야..
npm run android 과정 앱 처음 실행시 필요한 ES5 javascript 코드를 전달하기위해, 메트로 서버 실행( npm start ) react native 프로젝트 내부의 android 폴더로 이동 ( cd android ) android/app/build.gradle파일을 참조해, 에뮬레이터에 앱 설치 ( ./gradlew installDebug ) - 빌드 설치완료시, node_modules/.../native_module.gradle 파일을 참조해, 안드로이드용 네이티브 모듈 설치 ( gradle에게 설치지시 ) npm run ios 과정 앱 처음 실행시 필요한 ES5 javascript 코드를 전달하기위해, 메트로 서버 실행( npm start ) react native 프로젝트 내..
JSX란? Javascript + XML ( JavaScriptXml ) 태그이름을 자유롭게 지을수 있는 XML javascript 문법에, XML구문이 있는 것처럼 사용하는, React의 문법 JSX 작동 과정 1. 사용자가 JSX 작성 2. ESNext 코드를 Babel 플러그인에게 전달 3. Babel 플러그인이 ESNext 코드를 평범한 React.createElement 함수를 호출하는 javascript로 변환 4. React가 변환된 javascript를 실행 JSX 장점 React.createElement 코드를, 단순하고 간결하게 만들 수 있다 JSX 사용법 (1) React Native JSX - 코어 컴포넌트 - 실제는 존재하지 않지만, XML 문법이 요구하는 부모 컴포넌트로 동작하도..
에러 발생 React Native 프로젝트를 생성하고, ios 가상기기를 빌드할때 발생 ( react-native run-ios ) 에러 발생 이유 해당 오류는 현재 사용중인 Node의 버전이 지정되어 있지 않아서 발생하는 오류이다. 해결 방법 1. 현재 사용하는 Node.js 버전 확인 node -v 2. 현재 사용하는 버전의 nvm 설치 ( 예시 ) nvm install v18.0.0 에러 전문 N/A: version "default -> N/A" is not yet installed. You need to run "nvm install default" to install it before using it. Command PhaseScriptExecution failed with a nonzero e..
👉 CocoaPods란? Swift 및 Objective-C Cocoa 프로젝트의 종속성 관리자. ( 패키지 관리자 ) ( Ruby로 만들어짐 ) CocoaPods 설치하기 ( 기본 Ruby ) sudo gem install cocoapods
Watchman이란? 폴더나 파일을 감시하고 있다가, 변화가 생기면 자동으로 원하는 기능을 실행 할 수 있도록 하는 프로그램 Watchman A file watching service Watchman exists to watch files and record when they change. It can also trigger actions (such as rebuilding assets) when matching files change. Concepts Watchman can recursively watch one or more directory trees (we call them roots). Watchman does not foll facebook.github.io Watchman 설치 ( 맥 ) b..
Native란? 운영체제를 만들때 사용한 프로그래밍 언어로 만든 프로그램 Window native - C언어로 만든 모든 프로그램 Android native - Java로 만든 모든 프로그램 IOS native - 오브젝티브-C로 만든 모든 프로그램
call by value ( 값 ) 스택에 쌓아놓고, 직접 값을 꺼내서 사용함 call by reference ( 포인터 ) 포인터에서 주소값을 꺼내서 값을 찾아감