velog.io

[React Native] 🔥 Firebase 로 Android 앱 푸쉬 알림 구현하기!

리액트 네이티브에서 Firebase 로 푸쉬 알림을 구현합니다. 이 게시글은 그 첫 단계로, firebase 프로젝트를 생성하고 안드로이드 세팅을 진행합니다.

yuli_kim

velog.io

[React Native] 🔥 Firebase 로 iOS 앱에서 푸쉬 알림 구현하기!

리액트 네이티브에서 Firebase 로 푸쉬 알림을 구현합니다. 이 게시글은 그 두 번째 단계로, IOS 앱 세팅을 진행합니다.

yuli_kim

velog.io

[React Native] App.js, index.js 내부에서 navigation prop 없이도 navigate 하기 & routeName 받아오기

App.js 내부에는 navigation prop 이 없기 때문에 navigate 가 불가합니다. 현재의 routename 정보를 받아올 수도 없죠. 이럴 경우 navigation prop 없이 navigate 하고, routename 을 받아오는 방법을 알아봅니다.

yuli_kim

velog.io

Error: Requiring unknown module "undefined". If you are sure the module exists, try restarting Metro. You may also want to run yarn or npm install

react-native 로 앱 개발 도중, navigation 초기세팅을 하다 발생한 오류이다.Error: Requiring unknown module "undefined". If you are sure the module exists, try restarting Me

yuli_kim

velog.io

[React Native] ScrollView 의 scrollTo, scrollToEnd 메서드가 작동하지 않는 문제

React Native ScrollView 에다가 ref 를 걸어 스크롤을 하려고 할 때, scrollTo 메서드 또는 scrollToEnd 메서드를 사용하게 된다. 그런데 이 메서드를 분명 타는데도 스크롤이 되지 않는 이상한 현상이 있다. 이에 대해 다룬다.

yuli_kim

velog.io

[React Native] Android - 모달을 띄울 때 화면이 반쯤 넘어가는 문제 해결

올라플랜은 모달을 띄울 때 컴포넌트를 overlay 해 띄우지 않고,
navigation 을 통해 띄운 후 모달의 확인 버튼을 누르면 goBack 처리를 하는 방식을 사용한다.
이는 컴포넌트 내부에서 모달의 state 를 가지고 있다 보면 state 가 바뀔 때마다 렌

yuli_kim

velog.io

[React Native] IOS, android에서 디바이스 설정 창 (device setting) 열기

React Native 에서 IOS, 안드로이드의 디바이스 세팅 페이지와 앱 세팅 페이지를 여는 방법을 알아본다.

yuli_kim

velog.io

TypeScript 기본개념 튜토리얼!

🔹 타입스크립트란?
자바스크립트에 타입을 부여한 언어
-> 자바스크립트의 확장된 언어
자바스크립트와 다르게 브라우저에서 실행하기 위해 파일을 변환해주어야 한다
-> "컴파일(compile)" 이라고 한다.

yuli_kim

velog.io

TypeScript 타입스크립트 란?

TypeScript는 간단하게 말해서 타입을 강제하는 JavaScript라고 할 수 있습니다.

JavaScript에 대한 지식이 있는 분이 읽는다는 가정하에 작성합니다.
TypeScript 공식문서의 스펙을 보면서 생각한 차이에 대해 핵심을 정리한 글입니다.

yuli_kim

velog.io

React Native로 실제 서비스를 100% 구현 해보자!

리액트 네이티브로 기능 연습이 아닌 실제 서비스와 100% 동일한 앱을 만들 것이다. 처음 써보는 프레임워크인데 2주만에 가능?? 응... 위코드 졸업생은 ...

yuli_kim

velog.io

카카오톡 로그인 in React Native

기본적으로 카카오톡 로그인 기능을 구현하는 방법은 REST API 방식과 javascript sdk 방식이 있다. REST API 방식은 인가코드, 엑세스코드, 사용자 정보 등을 정해진 uri로 요청하면 응답에 데이터를 담아주는 방식이다. javascript sdk로는 정해진 메소드를 사용하면 된다.

웹에서는 REST API 방식을 사용해서 비교적 쉽게

yuli_kim

velog.io

(번역) 타입스크립트 컴파일러가 컴파일하는 방법

타입스크립트 컴파일러는 타입스크립트 코드를 분석하여 타입 정의 파일(.d.ts) 또는 소스 맵(.js.map)과 함께 자바스크립트(*.js)로 컴파일하는 도구입니다. 만약 소스 파일에 문제가 있다면, 타입스크립트 컴파일러는 문제를 진단하여 우리에게 무엇이 잘못되었고 어

dracure

medium.com

Reasons why should NOT start coding with Kotlin

If you are starting to learn how to code, take another language like Java, JavaScript, or C/C++. Do not start learning how to code with Kotlin. As a popular opinion among developers over the world…

dracure

tistory.com

[코딩애플] TypeScript 기초

TypeScript는 JavaScript(Dynamic typing)의 상위호환 프로그래밍 언어로 정적 타입을 명시할 수 있다 확장자로 .ts를 사용하며 컴파일을 통해 최종적으로는 .js 파일로 구동된다 타입 선언 기능으로 인해 다음과..

dracure

tistory.com

Flutter 강좌 01 - 개발환경 만들기 및 앱 실행하는 방법

윈도우 10에서 Android Studio와 Visual Studio Code를 사용하도록 Flutter 프로그래밍을 위한 개발환경을 만들고 에뮬레이터를 사용하여 실행시켜 보았습니다. 참고 https://flutter-ko.dev/docs/get-started/ins..

dracure

youtube.com

'냉동코더의 알기 쉬운 Modern Android Development 입문' 강좌 소개

* 인프런 강의 주소
https://www.inflearn.com/course/알기쉬운-modern-android?inst=c3cee510

Modern Android Development에 대한 알기쉬운 강의를 인프런에서 공개합니다. 많은 수강 부탁드립니다.

dracure