기본이 제일 중요해!!

React Native 는 Flex Box를 사용하여 화면의 위치나 비율을 조정하게 되는데 

아래의 예제는 container가 전체 flexbox 1로 설정 되어있고 그 안에 redView와 yellowView에도 flexbox 가 1로 지정 되어있다.

그러면 container의 1 에서 0.5:0.5 로 비율이 유동적으로 설정된다. 기본값은 세로로 되어있지만 가로로도 바꿀수있다.

추후에 flex box에 대해서만 따로 정리하여 올리겠습니다.

nodejs 홈페이지에서 다운을 받아 

react native 를 설치 하려고였지만,

npm install -g exp 엑스포를 설치 할 때, permission 에러가 난다. 

무슨 이유인지 몰라 node js 를 다시 설치 하였다.

참고한 블로그는 https://hanheesong.github.io/develope/node-js-install/ 다음과 같다

React를 시작하게된 이유

작년에 개인적으로 하이드리브 웹 어플리케이션을 만들어 보자고 하여, 대학교 선배의 추천으로 초보자가 하기에는 AngularJS 를 활용하여 만든 ionic을 추천 해주었다. 

프로그래밍 언어는 java 7 프로그래밍과 android 을 한 경험으로 웹도 금방 배울것이라 생각하여 개발 을 시작하였다.

Angular2를 시작하기 앞서 책도 사고 차근차근 시작하려고 하였지만, 버전이 급상승으로 Angular3 로 올라가게되었고 , 그후에도 계속 공부를 하게되면 예전꺼를 

공부하는 느낌이어서 Angaulr 의 기초 만 공부만 하고,  업데이트의 큰 폭이 없는 React로 공부하기로 마음 먹었다.

하지만 시작한지 2개월 째되서 감을 익혀나 갈 때 쯤 Redux 에 대한 공부를 시작하는 도중 취업을 하게 되어 , 회사 관련 업무를 공부를 하다보니 개인적인 프로젝트

를 하지 못했다.

회사 업무시간 이외에 퇴근하고 개인 프로젝트와 자기 개발을 위해서 다시 React 를 공부하는게 좋을 것 같아서 , 그날그날 배운것을 블로그에 정리하려고한다.

특정 함수가 참조하는 변수들이 선언된 렉시컬 스코프(lexical scope)는 계속 유지되는데, 그 함수와 스코프를 묶어서 클로저라고 한다.

참고문헌

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Closures

http://chanlee.github.io/2013/12/10/understand-javascript-closure/