This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

*/

React-native App 생성 오류

react-native 로 App을 개발할 때 아래와 같은 명령으로 Typescript 템플릿으로 App을 생성시
$> npx react-native init AwesomeTSProject --template react-native-template-typescript

아래와 같은 오류가 발생
error An unexpected error occurred: "https://registry.yarnpkg.com/react-native-template-react-native-template-typescript: Not found".
info If you think this is a bug, please open a bug report with the information provided in "D:\\work\\reacttest\\AwesomeTSProject\\yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
yarn remove v1.22.19
[1/2] Removing module react-native-template-react-native-template-typescript...
error This module isn't specified in a package.json file.
info Visit https://yarnpkg.com/en/docs/cli/remove for documentation about this command.
warn Failed to clean up template temp files in node_modules/react-native-template-react-native-template-typescript. This is not a critical error, you can work on your app.
D:\work\reacttest\AwesomeTSProject\node_modules\metro-hermes-compiler\src\emhermesc.js:77
          throw ex;
          ^

RuntimeError: abort(Error: Command failed: yarn add react-native-template-react-native-template-typescript). Build with -s ASSERTIONS=1 for more info.
    at process.abort (D:\work\reacttest\AwesomeTSProject\node_modules\metro-hermes-compiler\src\emhermesc.js:402:15)

Nodejs, JAVA JDK를 새로 깔아도 오류가 계속 발생.
react-native-cli를 새로 설치하니 문제가 해결되었다.

$> npm uninstall react-native-cli
$> yarn global add @react-native-community/cli
$> npx react-native init AwesomeTSProject --templete react-native-typescript







매화꽃이 피었어요

2023.03.20 서초역 대법원 건너편에서 매화가 활짝.. 이름모를 새가 꽃잎을 따 먹고 있네요

React native App 개발 환경 구축

 Windows환경에서 App 개발 환경 구축

 iOS와 Android App을 같이 빌드하기 위해서는 Mac에서 환경을 구축해야 하겠지만 Mac이 없는 관계로 Windows환경에서 환경을 구축해 본다.

설치항목

  • Chocolatey
  • Node.js
  • Python
  • React Native CLI
  • JDK
  • Android Studio
  • VisualStudio Code

설치

Chocolatiey 설치

Node.js 설치

        Node.js설치

Python 설치


React Native CLI 설치

       Powershell을 관리자 모드로 실행
       > choco install -y jdk8 실행


     
     > npm install -g react-native-cli

     >  

Android Studio 설치

     다운로드 위치 : https://developer.android.com/studio
     다운받아 설치
     환경 변수 세팅
  •  키보드에서 Win + Pause 버튼을 누른면 설정창이 나온다. 거기서 고급시스템 설정을 누른다.
  • 시스템 속성에서 환경 변수(N).. 버튼 클릭
  • 시스템변수에서 새로 만들기를 누르고 ANDROID_HOME 변수를 추가하고 위에서 설치한 디렉토리를 기재한다.
  • 시스템 변수중 path 항목을 찾아 선택하고 편집 버튼을 눌러 환경 변수 편집 화면을 띄우고 거기서 새로 만들기를 눌러 platform-tools디렉토리를 path에 추가한다.

참고


























Node.js 설치하기

 Node.js 설치

  설치환경 : Windows 11, x64
  다운로드 위치 : https://nodejs.org/ko/

위의 다운로드 위치에서 최신 버전을 다운로드 한다.

다운로드된 파일( 여기에서는 node-v18.14.1-x64.msi )을 더블클릭해서 실행 시킨다.

라이센스 어그리먼트를 체크하고 다음으로

설치위치를 본인이 원하는 디렉토리로 지정한다.

다음.

필요한툴들을 자동으로 설치하도록 옵션을 선택한다.

옵션을 바꿀려면 이전, 아니면 설치 버튼 클릭

Node.js가 설치된다.

Node.js가 전부설치되면 완료 버튼이 나온다.

이후 추가 필요 툴들이 설치된다.

Chocolatey, Python, Visualstudio2019-workload-vctools 등이 추가적으로 설치된다.

참조

Chocolatey

 Chocolatey 는 Windows 소프트웨어의 모든 측면을 관리하기 위한 범용 패키징 형식을 사용하여 간단하고 반복 가능하며 자동화된 접근 방식을 통해 이를 단순화하여 소프트웨어 관리에 대한 일관되고 통합된 접근 방식을 제공한다.

설치

테스트환경 : Windows 11

파워쉘을 관리자 모드로 실행시킨다.

커멘드 라인에 아래 명령어를 입력한다.

Set-ExecutionPolicy Bypass -Scope Process -Force; iwr https://community.chocolatey.org/install.ps1 -UseBasicParsing | iex

문제가 없으면 잠시뒤 아래와 같이 명령어가 수행되는 것을 볼 수 있다.


정상적으로 설치되면 > choco --version 을 입력하면 아래와 같이 해당 버전을 표출한다.
혹시 설치 중 오류가 발생하면 C:\ProgramData\chocolatey 폴더를 지우고 다시 처음부터 진행한다.


참고

React native?

 React Native ?

  모바일용 앱 개발을 리액트 네이티브로 개발하면 iOS App, Android App을 하나로 관리할 수 있다고 한다.
  리액트 네이티브관련 자료를 찾아보니 Facebook에서 안드로이드, iOS, 웹, UWP용 애플리케이션을 개발하기 위해 개발한 오픈 소스 모바일 애플리케이션 프레임워크이라고 한다.

iOS 와 안드로이드 용 App을 하나의 코드로 개발?

 그렇다고 iOS App을 Windows에서도 빌드할 수 있다는 얘기는 아니다. Mac을 가지고 있으면 iOS용과 안드로이드용 App을 빌드할 수 있으나.... Windows 머신에서는 iOS용 App을 빌드 할 수 없다고 한다. 

참고

석촌호수 루미나리에 축제

석촌호수에서 10/28부터 23년 1월 31일까지 석촌호수의 가을과 겨울 그리고 루미나리에 빛 축제가 열린다.

시작하기 하루 전인데 테스트인지 일부 조명이 들어와 있다.







조명이 안들와 있는 것이  많았다. 주말에 다시 한번.


더보기 

 - 석촌호수

 - 루미나리에