JinyJiny'-'

이전 포스팅에서 react-native-make 라이브러리를 설치해주었다. 제대로 설치가 됐다면! 1. 이미지 준비 우선 앱아이콘으로 사용할 이미지 파일(1024x1024 px 사이즈)이 필요하다. 요런 임시 이미지를 사용해주었다. 2. 앱아이콘 생성 # react-native set-icon --path [path-to-image] react-native set-icon --path [path-to-image] --background ["color"] [path-to-image] 에 이미지가 위치한 경로를 넣어주고 ["color"] 부분은 원하는 배경색값을 넣어준다. ex) "#FFFFFF" 그럼 아래처럼 앱아이콘이 변경된다! 이미지가 제대로 잘 보이려면 이미지파일에 상하좌우 여백이 적절히 있어야겠다.

앱이 처음 시작할 때, 나타나는 Splash Screen을 만들어보자! 우선 react-native-make 라이브러리를 사용해 앱아이콘과 스플래시화면을 만들어줄 수 있다. 공식 사이트 : github.com/bamlab/react-native-make bamlab/react-native-make A collection of everyday React Native CLI tools. Contribute to bamlab/react-native-make development by creating an account on GitHub. github.com 1. 설치 npm install --save-dev @bam.tech/react-native-make > 혹시 에러가 난다면... 더보기 위 에러를 열심히..

react-navigation이란? React-native 애플리케이션의 네비게이션과 히스토리를 간단하게 관리할 수 있는 라이브러리이다. 쉽게 말해 스크린 간 이동을 도와주는 라이브러리! 공식 사이트: reactnavigation.org/ React Navigation | React Navigation Routing and navigation for your React Native apps reactnavigation.org 1. 설치 아래 명령어들로 react-navigation v5 라이브러리와, 이것을 사용하기 위한 라이브러리를 설치해준다. npm install --save @react-navigation/native npm install --save react-native-reanimated re..

CSS in JS 관련 리액트 라이버리 중 가장 인기있는 라이브러리인 styled-components를 사용합니다. 아직까진 뭔지 잘 모르겠으나.. 글들을 읽어보면 유용한 라이브러리인 것 같아서 우선 설정하고 차차 익히는 걸로!! > 공식 사이트 : styled-components.com/docs/api#typescript styled-components: API Reference API Reference of styled-components styled-components.com 1. 라이브러리 설치 styled-components 라이브러리와, typescript를 함께 사용하기 위한 라이브러리를 아래 명령어로 설치해줍니다. npm install --save styled-components npm i..

✨Typescript의 특징! JS는 인터프리어 언어지만, TypeScript는 컴파일 언어로 코드 수준에서 미리 타입을 체크, 오류를 잡아낸다. 코드 어시스트 기능도 지원받을 수 있다. JS에 type이 추가되었다. type이 생겨 안정성 확보가 가능하고, 예외처리를 하지 않아도 된다. JS엔진의 최적화를 돕는다. 1. TypeScript 사용에 필요한 라이브러리 설치 npm install typescript @types/react @types/react-native --save-dev 2. 프로젝트 생성 npx react-native init {프로젝트이름} --template react-native-template-typescript 위 명령어로 프로젝트를 생성해보면 기존에 생성했던 프로젝트와 구조..

1. Chocolatey 설치 우선 윈도우 패키지 관리자인 Chocolatey를 설치해줍니다. cmd창을 관리자 권한으로 연 후, 아래와 같은 명령어를 입력합니다. @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin" 2. Node.js 설치 cmd창을 관리자 권한으로 실행한..