괴물공장 괴물공장

Node.js는 효율적인 자원운용을 위해 비동기 처리를 기본으로 함으로 동기 처리를 기본으로 하는 여타 다른 프레임워크와는 함수의 사용 방식에 조금 차이가 있습니다. 아래 코드에서 상단이 일반적인 파일 로드를 위한 동기적 파일 로드 함수의 사용 예제이며, 하단이 비동기적 파일 로드 방식입니다. readFile 함수 호출 시, readHandler 함수를 인자로 전달하여 파일 로드가 완료되면 readHandler가 호출되는 방식입니다. const fs = requre('fs') // --- 동기적 파일 로드 -- const data = fs.readFileSync('test.txt', 'utf-8') consol.log(data) // --- 비동기적 파일 로드 -- fs.readFile('test.txt..

1. 프로젝트 생성 개발환경 설정 단계에서 Expo를 설치했다면 Expo를 사용하여 React Native 프로젝트를 생성할 수 있다. 프로젝트 생성을 위한 커맨드는 아래와 같다. expo init [Project Name] 명령을 실행하면 사용자는 ① 프로젝트 템플릿 선택(기본, 샘플포함) ② 프로젝트 이름 설정 할 수 있습니다. 2. 프로젝트 실행 프로젝트가 정상적으로 생성되었다면 해당 폴더로 이동하여 서비스를 실행해 줍니다. cd [Project Name] npm start 또는 expo start 정상적으로 서비스가 시작되면 자동으로 웹브라우저에 아래와 같은 화면이 나타나고, 동일한 네트워크에 연결된 Mobile에 Expo 앱을 설치한 후, QR코드를 촬영하면 생성된 프로젝트가 표시된다. 자, 이..

1. 프로젝트 생성 개발환경 구축 단계에서 설치한 Expo를 이용하여 프로젝트를 생성한 경우, 따로 Xcode와 Android Studio 설치를 필요로 하지 않지만, Expo에서 일부 3rd Party Library를 사용할 수 없는 이슈가 있다라고 하니, 이번에는 React Native 프로젝트 생성을 위해서는 아래와 같이 콘솔에 커맨드를 입력하여 프로젝트를 생성한다. react-native init [Project Name] 정상적으로 프로젝트가 생성되었다면 해당 커맨드를 입력한 폴더에 [Project Name]을 가진 폴더가 생성되고 프로젝트에 필요한 기본 파일들이 생성되어 있는 것을 확인할 수 있다. 2. 프로젝트 실행 프로젝트 실행을 위해서는 Virtual device와 Builder가 필요하..

리앤트 네이티브는 Windows / Mac OS에도 모두 사용 가능하지만, iOS향 앱을 빌드하기 위해 필요한 X-Code는 Mac OS에서만 설치가 가능한 관계로 대부분 Mac OS 사용을 권장한다. (강의도 Mac OS가 대부분이다. 쳇!!!) 하지만 수십년(?) 전 처음 PC라는 것을 접할때부터 Windows만 고집한 진성 Windows 유저임으로 (사실 Mac이 없다.ㅠㅠ) 이번에도 Windows를 기준으로 개발환경을 구축하고자 한다. 1. Node.JS 설치 React 및 Javascript 라이브러리 실행을 위한 필수 요소로 아래 주소에서 최신 버전 다운/설치 필요 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript ..

리액트 네이티브 (React Native) 소개 리액트 네이티브는 리액트 작동 원리는 바탕으로 모바일 앱을 제작할 수 이는 페이스북 오픈소스 프레임워크로 자바스크립트 주요 개념(ES6)과 리액트 사용법만 알고 있다면, 단일 소스로 Android, iOS 앱을 동시에 진행할 수 있다. https://facebook.github.io/react-native/ React Native · A framework for building native apps using React A framework for building native apps using React facebook.github.io 리액트 네이티브는 이름에서 설명하듯 C 또는 Java를 이용하여 만든 앱과 구별하기 힘든 Nativie 앱을 개발할 수..