Jake의 블로그

# React Native에 Youtube 영상을 넣는 방법을 알아보자 - react-native-youtube-iframe # 들어가며 React Native에 youtube를 넣을 때 가장 많이 사용하는 라이브러리는 react-native-youtube이지만, 이 라이브러리는 사용자도 많고, 개발 기간도 오래 되어 상당히 고도화 되어 있는 상태입니다. 그러다보니 기능이 많지만, 막상 최소한의 기능만 가져다 쓰고 싶을 때는 무겁고 복잡하게 느껴질 수 있습니다. 그래서 오늘 소개할 대안이 react-native-youtube-iframe입니다 # 깃헙 페이지와 문서 사이트 GitHub - LonelyCpp/react-native-youtube-iframe: A wrapper of the Youtube-i..

# React Native 프로젝트를 생성하고 싶은데 명령어가 기억이 안날 때! npx react-native@latest init AwesomeProject // 최신 버젼에서는 typescript가 기본으로 적용됩니다 Using TypeScript · React Native TypeScript is a language which extends JavaScript by adding type definitions, much like Flow. While React Native is built in Flow, it supports both TypeScript and Flow by default. reactnative.dev

# React Native로 IOS앱을 배포하려다 보면 아래와 같이 Product > Archive가 비활성화 되어 있는 경우가 있습니다. 이런 경우 해결 방법 입니다 위의 문제가 발생한 이유는 특정 기기가 타겟으로 지정되어 있어 발생한 현상이기 때문에 아래와 같이 "Any IOS Device"로 변경해주시면 됩니다

카카오톡 대화창 내보내기 # 마케팅 자료를 만들거나 SNS에 업로드할 컨텐츠를 작성할 때 카카오톡 대화창을 이용하게 되는 경우가 종종 있다. 별도의 툴 없이 카카오톡 대화 내용을 이미지로 만드는 방법을 알아보자 1. 먼저 캡처를 할 대상을 찾습니다. 그리고 좌측하단의 추가 버튼을 눌러줍니다 2. 두번째 탭에 있는 '캡처' 메뉴를 선택 합니다 3. 내보내고 싶은 대화 를 선택하면 내보낼 대화들이 아래의 이미지와 같이 선택 됩니다 4. 원하는 대화를 모두 선택한 후, 필요에 따라 캡처 옵션을 선택하여 변경합니다. 모자이크를 선택할 경우, 프로필 사진이 모자이크로 변경되고, 카카오프렌즈를 선택할 경우, 프로필 사진이 랜덤으로 카카오프렌즈 프로필로 변경됩니다. 5. 우측 하단에 있는 다운로드 버튼을 눌러수 저장..

[UI/UX] 앱 스크린 샷으로 Mockup 이미지 만드는 방법 #들어가며 출시한 앱을 홍보해야 할 시점이 되면 앱 스크린 샷이 들어간 이미지가 필요해지는 경우가 종종 있다. 오늘은 이런 이미지를 쉽게 만들 수 있는 무료 사이트를 소개하려고 한다 # Mockup Image를 만드는 방법 1. 아래의 사이트에 접속 한다 Mockuper.net | Free custom mockups generator Mockuper, the free mockups generator to create custom images to show your awesome works mockuper.net 2. 원하는 템플릿을 찾는다 3. 원하는 옵션을 설정하고 스크린 샷을 업로드 한다 ※ 투명도, 배경색, 반사 형태, 반사 여부를 설..

※# react-native-styling-cheat-sheet GitHub - vhpoet/react-native-styling-cheat-sheet: Most of the React Native styling material in one page Most of the React Native styling material in one page - GitHub - vhpoet/react-native-styling-cheat-sheet: Most of the React Native styling material in one page github.com ※ 어렴풋이 기억이 나는 요소의 경우 대부분 코드 수정 툴(VSCode 등)에서 자동으로 제안을 해주기 때문에 활용도가 떨어질 수는 있지만, 평소에 잘 사용..

# 내 React Native 앱에 Emoji를 넣어보자 먼저 원하는 이모지를 찾는다 😋 Get Emoji — All Emojis to ✂️ Copy and 📋 Paste 👌 ✂️ Copy and 📋 Paste Emoji 👍 No apps required Emojis are supported on iOS, Android, macOS, Windows, Linux and ChromeOS. Copy and paste emojis for Twitter, Facebook, Slack, Instagram, Snapchat, Slack, GitHub, Instagram, WhatsApp and more. 😃 getemoji.com 마음에 드는 Emoji를 검색하거나 골라서 복사하자 Text 컴포넌트 사이에 붙여넣으면..