개발자 울이 노트

앞으로의 포스팅에서는 ES6문법을 조금씩 공부 해 보도록 하겠습니다. babel은 자바스크립트 컴파일러 입니다. 입력은 자바스크립트 코드고 출력도 자바스크립트 코드입니다만, 최신 버전의 자바스크립트 문법은 브라우저가 이해하지 못하기 때문에 babel이 브라우저가 이해할 수 있는 문법으로 변환해준다고 생각 하면 될 것 같습니다. ES6, ES7 등의 최신 문법을 사용해서 코딩을 할 수 있기 때문에 생산성이 향상됩니다. React-Native 외에 React를 사용한다면 babel을 만나 보았을 것인데요, 간단하게 여러 문법들을 살펴보고 가도록 하겠습니다. es6등의 최신 문법은 아래의 웹 콘솔에서 지원해 주기 때문에 연습 해 볼 수 있습니다 :0 https://es6console.com/ ES6 Conso..

이번 포스팅에서도 React-Native를 사용 해 보도록 하겠습니다. 말 그대로 입문기 이기 때문에 React-Native를 어떻게사용 하고있는지, 간단한 기능들을 발견하고 공부하면서 작성 해 보도록 하겠습니다:) 이번에는 React-Native을 사용하면서 볼 수 있는 Debug 기능과 tutorial에 따른 첫화면 작성에 대해 살펴보도록 하겠습니다! 본 포스팅의 코드는 Github에 올라가있습니다! ( this.setState(previousState => ( { isShowingText: !previousState.isShowingText } )) ), 700); } //state object state = { isShowingText: true }; render() { if (!this.stat..

안녕하세요~~!! 예전부터 이슈였지만, 최근에야 제가 좀 보게 된 React-Native에 대해서 천천히 포스팅 해보려고 합니다. 설치와 실행기, 기본적인 부분을 공부하면서 포스팅 하려고 합니다!! 기회가 된다면, 프로젝트를 구상해서 공유하고 싶고, 같이 협업 해 보고도 싶네요 :) 무튼!! React-Native 도전!! 모든 소스는 Github페이지에 있습니다 AVD Manager -> 원하는 시뮬레이터 실행 을 해 주면 됩니다! react-native run-android 시뮬레이터가 실행 된 후, 위와같이 터미널에 작성을 해 주면 아래와같이 시뮬레이터에 react가 뜨게 됩니다. 지금까지 iOS와 Android를 react-native로 첫 시작 화면을 출력 해보았습니다!!