Dev JS Blog

2023.06.11 - [IT] - Expo Android App 만들기 - 6 (하단배너고정, 상태바) Expo Android App 만들기 - 6 (하단배너고정, 상태바) 2023.06.11 - [IT] - Expo Android App 만들기 - 5 (Admob) Expo Android App 만들기 - 5 (Admob) 2023.06.10 - [IT] - Expo Android App 만들기 - 4 (React Native Paper) Expo Android App 만들기 - 4 (React Native Paper) 2023.06.08 - [IT] - Expo Android A allmana.tistory.com 컨텐츠 영역과 하단 배너 영역도 나눴으니 이제는 화면 이동에 쓰이는 React Nav..

2023.06.11 - [IT] - Expo Android App 만들기 - 5 (Admob) Expo Android App 만들기 - 5 (Admob) 2023.06.10 - [IT] - Expo Android App 만들기 - 4 (React Native Paper) Expo Android App 만들기 - 4 (React Native Paper) 2023.06.08 - [IT] - Expo Android App 만들기 - 3 (galio-framework) Expo Android App 만들기 - 3 (galio-framework) 2023.06.07 - [ allmana.tistory.com Admob도 추가 됐으니 기본적인 레이아웃을 구성했다. 가장 먼저 Admob의 하단 고정이다. 전체 Vie..

2023.06.10 - [IT] - Expo Android App 만들기 - 4 (React Native Paper) Expo Android App 만들기 - 4 (React Native Paper) 2023.06.08 - [IT] - Expo Android App 만들기 - 3 (galio-framework) Expo Android App 만들기 - 3 (galio-framework) 2023.06.07 - [IT] - Expo Android App 만들기 - 2 (스플래시 적용) Expo Android App 만들기 - 2 (스플래시 적용) 2023.06.07 - allmana.tistory.com 앱 개발을 해보는 중이지만 Admob 배너를 먼저 추가 하고서 개발을 시작하려 했다. 구글 애드몹에 들..

2023.06.08 - [IT] - Expo Android App 만들기 - 3 (galio-framework) Expo Android App 만들기 - 3 (galio-framework) 2023.06.07 - [IT] - Expo Android App 만들기 - 2 (스플래시 적용) Expo Android App 만들기 - 2 (스플래시 적용) 2023.06.07 - [IT] - Expo Android App 만들기 -1 Expo Android App 만들기 -1 처음 시작에는 Node.js 가 필수로 필요 allmana.tistory.com 이전 UI Framework를 Galio-Framework를 적용했었지만.. 다시 React Native Paper를 적용해보기로 했다. 참고 기존 등록한 패키..

2023.06.07 - [IT] - Expo Android App 만들기 - 2 (스플래시 적용) Expo Android App 만들기 - 2 (스플래시 적용) 2023.06.07 - [IT] - Expo Android App 만들기 -1 Expo Android App 만들기 -1 처음 시작에는 Node.js 가 필수로 필요하다. (뇌피셜) Node 16 이 대중적인 버전으로 생각되어 Node 16 으로 진행한다. https://nodejs.org/ko Node.j allmana.tistory.com 이후 기본적인 UI 템플릿을 찾아보던 중 가장 먼저 눈에 들어온건 Galio Framework 였다. https://galio.io/ Galio Framework - React Native Framework..

SDK 를 따로 설치해도 되지만 귀찮음으로 빠르게 인텔리제이에서 SDK 를 설치해보자. Settings에 들어가서 SDK로 검색을 하면 SDK가 없는 PC의 경우에는 이렇게 뜬다. Edit를 클릭해서 뜨는 팝업차에서 Next를 해주면 SDK 를 간편히 설치할 수가 있다. 설치 후엔 다른 버전 설치가 가능하니 원하는 버전으로 설치하면 될거 같다. 설치가 완료된 후에는 상단 Device Manger 같은게 생기기도 하는듯 한데 나는 생기지 않아서 Mac 기준 Tools에 android > Device Manager를 실행하였다. Create virtual device 를 해준다. 원하는 기종 선택 후 Next 해준다. API34는 아까 맨처음 다운 받은게 아닌건지? 모든걸 다운 받아야 하는 걸로 뜬다. 적당..

2023.06.07 - [IT] - Expo Android App 만들기 -1 Expo Android App 만들기 -1 처음 시작에는 Node.js 가 필수로 필요하다. (뇌피셜) Node 16 이 대중적인 버전으로 생각되어 Node 16 으로 진행한다. https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. node allmana.tistory.com 웬만한 앱이 처음 실행시키면 그 앱을 만든 회사의 로고가 처음 보여지게 만들곤 한다. 이러한걸 앱에선 스플래시(Splash) 라고 한다. 앱을 또 만들기 시작했으니 스플래시를 적용시켜 보려한다. Expo의 강점이 시작부터 나온..

처음 시작에는 Node.js 가 필수로 필요하다. (뇌피셜) Node 16 이 대중적인 버전으로 생각되어 Node 16 으로 진행한다. https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치가 완료되면 터미널에 node 버전이 확인 된다면 설치 완료. node 가 설치가 완료되면 npm 이란걸 쓸수가 있다. npm이란 노드 패키지 매니저 라는 놈인데 명령어로 손쉽게 원하는 패키지를 다운받을 수 있게 해준다 생각하면된다. npm install -g expo-cli 를 하면 내 PC에 expo가 설치가 된다. 그 후 터미널에서 프로젝트를 생성할 worksp..