반응형

분류 전체보기 42

react native - Expo 공부 5 이제는 빌드하고 앱등록을 하고싶어 - 성공

클로드한테 물어봤다. 내가 이해한 과정을 쭉 적어보겠다. 1. 빌드 준비a. app.json 파일에서 package 이름, versionCode, versionName등을 설정하래. 그게 뭘까?b. 키스토어 생성 - 안드로이드 앱 서명을 위한 키스토어가 필요하다.keytool -genkeypair -v -storetype JKS -keyalg RSA -keysize 2048 -validity 10000 -storepass YOUR_KEYSTORE_PASSWORD -keypass YOUR_KEY_PASSWORD -alias YOUR_ALIAS_NAME -keystore my-release-key.keystore이 명령어로 생성할 수 있대. 키스토어가 뭘까? 2. 앱 빌드a. EAS 설정 - eas.json..

카테고리 없음 2024.07.09

react native - Expo 공부 4 새마음 새뜻으로 처음부터 시작

https://blog.expo.dev/the-new-expo-cli-f4250d8e3421 The New Expo CLIIn Expo SDK 46 we introduced a new “Local Expo CLI”, to replace the “Global Expo CLI” (npm i -g expo-cli). Unlike the global CLI, the local…blog.expo.dev계속 무시하다가, 이걸보고 무려 2년전에 expo가 꽤 대대적으로 바뀌었다는 사실을 알았다. 클로드는 이런 중요한걸 왜 안알려주는겨 처음부터 시작한다. Expo로 앱만들기 1.  22년 8월 변경사항에 따라 npx 로 create expo app을 해준다npx create-expo-app (내 앱의 이름)cd (내 ..

카테고리 없음 2024.07.09

react native - Expo 공부 3 - expo firebase 연동하기 - 실패

저번 글에서 일단 파이어베이스 연동안하고 클라이언트 측에서 코드만 변하는걸로 배포할거라했는데, 이게 진짜 내가 얼마나 무지한지 알려주는거다. 그런식으로 배포하면 사용자가 작성하고 앱끄면 다 날라가는데 앱이 무슨 의미가 있나 도대체? 웃기기만 하다. expo랑 파이어베이스랑 어떻게 연동하는건지 좀 찾아보자 nxp create-expo-app firebase-integration이게 expo 프로젝트 생성이래. 그래? 이건 처음 할 때부터 이렇게 해야하는거같은데 흠~https://kimnerd.tistory.com/193 [React Native] Expo & Firebase 연동하기 (RDS 사용법) kimnerd.tistory.com이사람 블로그 좋은거같다 1. firebase 설치 및 연동npx exp..

data lab 2024.07.08

react native - Expo 공부 2 -구글 플레이 콘솔 개발자 계정 등록하기

구글 플레이콘솔 개발자 계정 등록했다. 25000원인가 냈다. 개인정보 처리방침은 로폼 '자동문서 작성'에서 작성해서 pdf를 뽑았는데 pdf 안에 글씨가 전혀 인식이 안돼서 클로드한테 물어봤다.구글드라이브에 올린 다음에 구글 독스로 열라길래 해보니까 그냥 문서화됐다. 나이스노션에 그대로 붙여넣고 웹 퍼블리시 한다음에 링크 붙여서 냈다. 또 뭐가 필요하니? 다시 vs code로 돌아와서, react native 를 expo로 하던게 떠올랐다. expo start 하니까 또 또 또 expo란 명령어가 없단다. npm install expo-cli -g해서 깔고 다시 expo start 했더니 노드 버전이랑 안맞는댄다. 엑스포 일 안하냐?결국 npx expo start 하니까 됐다.  npx란 무엇인가npx..

data lab 2024.07.07

구글 플레이 개발자 계정 만들기

https://wp.swing2app.co.kr/knowledgebase/google-developer/ 구글 개발자계정 만드는 방법 – 스윙 도우미★구글 개발자 계정이란? -플레이스토어에 앱을 출시하기 위해 만들어야 하는 개발자용 계정으로, 구글에 등록비를 내고 만들 수 있습니다. -계정 등록비 : 25달러 (한번 결제시 평생 이용, 한국wp.swing2app.co.kr https://velog.io/@psb7391/%EA%B5%AC%EA%B8%80-%ED%94%8C%EB%A0%88%EC%9D%B4-%EC%8B%A0%EC%9B%90-%ED%99%95%EC%9D%B8 구글 플레이 신원 확인구글 플레이 콘솔에서 앱 수익이 낫는데 계좌에 입금되지가 않았다.왠지 봤더니 결제 대금 지급 보류? 라는 경고창이 있..

data lab 2024.07.05

react native - Expo 우당탕탕 입문 1

expo가 그렇게 좋대서 시작해본다.expo 란걸로 하면 그렇게 쉽다길래 expo를 설치하려고했다. node.js 는 이미 설치되어 있다. vscode의 zsh 터미널을 사용했고, 맥북의 데스크톱에 code 폴더를 만들고 안에 expo240705 라는 폴더를 만들었다 근데 계속 무슨 npm의 권한이 시스템에 접근하려고 한다고 뭐 expo도 안깔리고 yarn도 안깔리고 난리다. npm은 기본적으로 글로벌 패키지를 시스템 디렉토리(예: /usr/local/lib/node_modules)에 설치하려고 하는데, 여기에 일반 사용자의 쓰기 권한이 없어 문제가 생긴단다. mkdir ~/.npm-global위 명령어로 홈 디렉토리에 접근권한이 이는 디렉토리를 새로 생성해주고.( 홈 디렉토리란, 사용자에게 주어진 공간..

data lab 2024.07.05

1RM 만들며 리액트 공부 2

SSR - 서버사이드 렌더링 - 렌더링을 서버에서 해주는거래. SPA 말고, 페이지 여러개로 하는 전통적인 html 방식?CSR - 클라인트 사이드 렌더링 - 옹 1. usestate 훅의 기본구조const [stateVariable, setStateFunction] = useState(initialState); 여기서, 변수 선언을 하는 const와 usestate말고는 다 내가 정해주는 변수, 함수명이다. 상태값을 저장하는 변수와, 상태값을 업데이트하는 함수를 선언해준다.  sateVariable은 내가 선언해준 변수명, setStateFunction은 내가 선언해준 함수명이다. 그리고 저 initialState는 count의 초기값일거다.import React, { useState } from 'r..

data lab 2024.06.24

리액트 props 에 쓰이는 삼항 조건 연산자

? 연산자는 JavaScript에서 삼항 조건 연산자(ternary operator)라고 불립니다. 이 연산자는 세 개의 피연산자를 받아서 조건에 따라 값을 반환합니다. 삼항 조건 연산자는 if-else 문을 한 줄로 줄여 쓸 수 있게 해주는 간단한 조건 연산자입니다.구문삼항 조건 연산자의 구문은 다음과 같습니다:javascript코드 복사condition ? expr1 : expr2condition: 평가될 조건식입니다. 이 조건이 true인지 false인지에 따라 반환값이 결정됩니다.expr1: 조건식이 true일 때 반환되는 표현식입니다.expr2: 조건식이 false일 때 반환되는 표현식입니다.

data lab 2024.06.24

1RM 앱 만들며 리액트 공부시작~~

1. node.js 와 npm (node.js package manager)을 깔아준다. node.js는 웹 브라우저 외부에서 JavaScript를 실행할 수 있게 하는 오픈 소스, 크로스 플랫폼 런타임 환경이다. 주로 웹 브라우저 내에서 사용자 인터페이스와 상호작용을 구현하는 데 사용되었다. 하지만 Node.js의 등장으로 JavaScript는 서버 사이드 프로그래밍 언어로서의 역할을 확장하게 되었다. npm은 Node.js 패키지 매니저(Node Package Manager)의 약자로, Node.js 언어로 개발된 모듈(라이브러리)들을 관리하는 데 사용되는 툴입니다. 이 도구는 JavaScript 개발자들에게 필수적이며, JavaScript 프로젝트의 의존성을 관리하고, 다양한 패키지를 쉽고 빠르게 ..

data lab 2024.06.23
반응형