Dev/ReactNative3 [처음 배우는 리액트 네이티브] 3장. 컴포넌트(Component) - JSX, props, state, event 3장. 컴포넌트 - 리액트 컴포넌트 연습을 위한 프로젝트 생성 expo init react-native-component 3.1 JSX - 객체 생성과 함수 호출을 위한 문법적 편의를 위해 만들어진 확장 기능 - html, xml과 유사 중첩된 구조를 나타내기 용이 3.1.1 하나의 부모 - JSX 하나의 부모로 감싸진 객체를 반환할 수 있음 - 각각의 요소를 반환하고자 할 경우 컴포넌트로 감싸줘야 함 - 컴포넌트는 로 단축해서 사용 가능 3.1.2 자바스크립트 변수 - JSX내부에 자바스크립트 변수 전달 가능 선언 const name = "skan"; 활용 My name is {name}. 3.1.3 자바스크립트 조건문 - 즉시 실행 함수 형태로 if문 구현 가능 - 삼항연산자 사용 가능 - AND 와.. 2022. 2. 6. [처음 배우는 리액트 네이티브] 2장. 리액트 네이티브 시작하기. (개발 환경 세팅, 프로젝트 만들기) 2장. 리액트 네이티브 시작하기 - 맥, 윈도우, 리눅스 환경에서 개발 가능 2.1 개발 환경 준비하기 - 공통 : Node.js, JDK, 안드로이드 스튜디오 - Mac : 왓치맨, Xcode - Window : Python - 그밖에 OS와 설치 경로에 맞게 환경 변수 설정 2.2 리액트 네이티브 프로젝트 만들기 - Expo : 리액트 네이티브의 사용을 편리하게 해주는 툴 https://expo.io 아이폰과 안드로이드 폰이 있으면 Xcode, 안드로이드 스튜디오 없이도 해당 플랫폼 테스트 가능 expo에서 제공하는 API만 사용 가능 expo-cli 설치 : npm install --global expo-cli 프로젝트 생성 : expo init my-first-expo / choose a remp.. 2022. 1. 15. [처음 배우는 리액트 네이티브] 1장. 리액트 네이티브란? 장단점, 동작방식 새해를 맞아 미루던 공부 시작. 시작은 한빛미디어에서 출판한 [처음 배우는 리액트 네이티브] 서점에서 훑어보지도 않고 바로 공부 시작할 계획으로 온라인 서평만 보고 즉흥적으로 구매. 목차대로 공부해나가면 엄청 깊이 있고 전문적이지는 않아도 원하는 어플 한두개는 만들고 배포까지 경험해 볼 수 있을 것 같아서 이 책을 선택했다. 시작부터 완벽하게 잡아나가고 싶어하는 성격을 최대한 제쳐두고, 가볍게 읽어가면서 클론코딩 완성에 목표를 두고 공부해보려고 한다. 올해 안에 작게나마 내 어플 마켓에 등록하는 것을 목표로..! 화이팅!! 1장. 리액트 네이티브란? - 2015년 3월 페이스북에 의해 공개(오픈소스) - 리액트 기반(자바스크립트 프레임워크) - IOS, 안드로이드에서 동작하는 네이티브 모바일 앱 프레임워.. 2022. 1. 2. 이전 1 다음 반응형