Tag: typescript

react native에서 구글 애드몹(admob) 적용하기

시작하기구글의 광고플랫폼으로 웹에서는 구글 애드센스, 어플리케이션에서는 구글 애드몹을 사용합니다.수익을 창출 할 수 있는 간편한 플랫폼입니다. 설치하기기존 firebase admob 설치를 검색하면 구버전의 경우가 많고 현재(2023년 01년 10일 기준) 패키지들 대부분deprecate가 되었습니다.@react-native-admob/admob 패키지 설

React native @realm/react 패키지 적용하기

시작하기기존에 relam 관련 포스팅을 남겼었는데 시간이 지나 realm업데이트와 realm이 mongodb로 인수되는 과정을 통해서 많은 부분이 바뀐 것이 있습니다. 그리고 추가로 @realm/react 패키지를 사용해서 더 간편하게 realm을 사용하는 방법과 주의 사항등을 알아보도록 하겠습니다. 설치하기react-native v0.70.6에서 작성하였

Nextjs typescript 절대경로 설정하기

시작하기상대경로를 사용할 시 패키지 구조가 깊어질 경우 import시에 많이 번거로워지게 됩니다.작은 규모의 어플리케이션이라면 상관없지만 규모가 커질수록 꼬이기 쉬워집니다. 상대경로 1import Acomponent from ‘../../../../component/Acomponent’; 절대경로 1import Acomponent from ‘src/com

heroku node 서버 배포하기(typescript)

node js 를 이용해서 heroku 서버 배포하기프로젝트 생성12mkdir heroku-nodejs-typescriptcd heroku-nodejs-typescript 초기 설정npm 기본 설정값을 생성합니다. 1npm init -y npm 패키지 설치타입스크립트를 포함하여 express를 설치하여 줍니다. 1npm i @types/express @

Rollup을 사용해서 npm 배포하기

시작하기제작중인 라이브러리를 npm에 배포하는 방법입니다.webpack 도구와는 조금 다른 rollup을 사용해서 번들링 하도록 하려고 합니다.webpack을 쓸 수도 있는데 rollup을 쓰는 이유는 webpack은 ES Module 형태로 번들을 할 수 없습니다.webpack을 사용 할 때에는 일반적으로 commonjs 형태로 번들링을 하게 됩니다com

React native firebase 페이스북 로그인 적용하기

시작하기firebase 적용포스트를 통해 설정을 마친 상태여야 합니다.react-native v0.60 이상을 기준으로 작성하였습니다. 페이스북 개발자 계정설정페이스북 개발자 홈페이지에 로그인을 합니다. 오른쪽 상단 내 앱을 선택한 후 새 앱추가를 합니다. 내 앱 생성이 완료되면 Add a product에서 페이스북 로그인을 추가합니다. Firebase

React native firebase 구글 로그인 적용하기

시작하기firebase 적용포스트를 통해 설정을 마친 상태여야 합니다. 라이브러리 설치1@react-native-community/google-signin 설치가 완료되면 초기화시키는 작업이 필요합니다. App.jsx1234567891011import { GoogleSignin } from '@react-native-community/g

React native firebase 적용하기

업데이트2023.01.10 업데이트 시작하기firebase는 손쉬운 방법으로 데이터 관리를 할수 있는 서비스 입니다. 서버의 인프라를 고민할 필요가 없습니다. 그리고 백엔드를 작업해야할 시간이 단축되는 장점이 있습니다. 설치설치를 먼저 해줍니다. 1npm install --save @react-native-firebase/app ios메인 페이지에 로그인

React native realm (typescript) 적용하기

시작하기react natvie 애플리케이션에서 로컬db로 저장하는 방법은 여러종류가 있습니다.sqlite, AsyncStorage, realm 등이 있습니다.이중에 realm을 사용해보도록 하겠습니다. 공식홈페이지에서는 기존 스토리지보다 더욱빠르고 향상된 기능을 제공한다고 합니다. 설치하기react-native v0.60이상에서 작성하였습니다. 1npm i

Gatsby에 typescript 적용하기

시작하기Gatsby는 React에 기반한 무료 오픈 소스 프레임 워크로 개발자가 정적 웹 사이트를 구축 할 수 있습니다. 설치하기Gatsby CLI 설치 1npm install -g gatsby-cli 프로젝트 생성 1gatsby new gatsby-project 프로젝트로 이동 1cd gatsby-project 개발 서버 시작 1gatsby dev