Expo 및 React Native로 카메라 앱을 만드는 방법

Expo 및 React Native로 카메라 앱을 만드는 방법

expo에 익숙하지 않은 경우 빌드 복잡성이 적은 React Native 앱을 빌드하는 데 도움이되는 클라이언트입니다. 또한 React Native를 실행하기 위해 환경을 설치하고 설정하는 스트레스를 처리하는 데 도움이됩니다. 이 튜토리얼에서는 사용자가 사진을 찍고, 사진 미리보기를보고, 플래시 모드를 사용하고, 전면 카메라와 후면 카메라를 전환 할 수있는 간단한 카메라 앱을 구축 할 것입니다. 전제 조건 Expo는 첫 번째 React Native 앱 빌드를 시작하는 데 많은 것을 요구하지 않습니다. 여기 문서에서 expo 및 expo-cli 설치에 대해 자세히 알아볼 수 있습니다. 참고 :이 튜토리얼에서는 macOS와 iOS를 사용합니다. 안드로이드도 사용할 수 있지만이 시점에서 엑스포를 사용할 때 큰 차이는 없습니다. 다음 명령을 실행하여 expo 및 expo-cli를 전역으로 설치할 수 있습니다. npm install --global expo-cli Expo를 실행하려면 Nod

자세히보기

   2019 년에 Ruby on Rails를 배워야하는 이유

2019 년에 Ruby on Rails를 배워야하는 이유

모든 트렌드, 기술, 심지어 프로그래밍 언어는 조만간 약간 또는 상당한 양만큼 인기가 최고조에 달합니다. Google에서 "루비 언어의 상태"를 조회하면 루비의 사망 및 인기 감소에 관한 많은 결과를 얻을 수 있습니다. 하지만 진실은 루비가 잘하고 있으며 2019 년에도 여전히 좋은 기술로 남아 있다고 믿습니다. 그 이유는 다음과 같습니다. 1. Ruby는 여전히 상위 10 개 프로그래밍 언어 중 하나입니다. 루비가 2018 년 GitHub의 상위 프로그래밍 언어에 여전히 포함되어 있기 때문에 곧 죽을 가능성은 거의 없습니다. GitHub 및 Airbnb와 같은 대기업은 Ruby on Rails를 지속적으로 사용하고 있습니다. 불과 며칠 전 클라우드 컴퓨팅 거대 기업인 AWS는 Ruby를 서버리스 컴퓨팅 솔루션에

자세히보기

   데이터 과학 프로젝트에 가장 적합한 프로그래밍 언어를 선택하는 방법

데이터 과학 프로젝트에 가장 적합한 프로그래밍 언어를 선택하는 방법

프로그래밍 언어 간의 싸움은 항상 기술 세계에서 뜨거운 주제였습니다. 그리고 기술이 얼마나 빠르게 발전하고 있는지를 고려할 때 몇 달마다 새로운 프로그래밍 언어 또는 프레임 워크가 있습니다. 이로 인해 개발자, 분석가 및 연구원이 가장 저렴한 비용으로 작업을 효율적으로 수행 할 수있는 최상의 언어를 선택하기가 점점 더 어려워집니다. 그러나 저는 우리가 언어를 선택하는 잘못된 이유를 보는 경향이 있다고 생각합니다. 특정 언어를 선택하는 데는 여러 가지 요인이 있습니다. 그리고 데이터 과학 프로젝트가 시장에 넘쳐나면서 문제는 "어떤 언어가 가장 좋은가"가 아니라 "어떤 것이 프로젝트 요구 사항과 환경 (작업 환경)에 적합한가?"입니다. 따라서이 게시물에서는 데이터 과학 프로젝트에 가장 적합한 프로그래밍 언어를 결정하기 위해 질문해야 할 올바른 질문 세트를 제공합니다. 데이터 과학에 가장 일반적으로 사용되는 프로

자세히보기

   Apple Pay가 내부적으로 작동하는 방식

Apple Pay가 내부적으로 작동하는 방식

Apple Pay를 사용하십니까? Apple Pay 거래가 어떻게 진행되는지 궁금한 적이 있습니까? 이 게시물에서는 Apple Pay가 어떻게 작동하는지 끝에서 끝까지 배웁니다. 모바일 결제는 그들이 제공하는 편리함과 보안으로 인해 매우 인기가 있습니다. 더 이상 플라스틱 카드를 가지고 다닐 필요가 없으며 분실에 대해 걱정할 필요가 없습니다. 이 기사에서는 Apple Pay가 일반적으로 어떻게 작동하는지, 특히 물리적 POS 터미널에서 사용할 때 어떻게 작동하는지에 대해 논의 할 것입니다. 보안 이점에 대해서도 간략히 설명하겠습니다. 시작하기 전에

자세히보기

   React 및 GraphQL (Dune World Edition)을 사용하여 풀 스택 Yelp 클론을 만드는 방법

React 및 GraphQL (Dune World Edition)을 사용하여 풀 스택 Yelp 클론을 만드는 방법

나는 두려워해서는 안된다. 두려움은 마인드 킬러입니다. 두려움은 완전한 말살을 가져 오는 작은 죽음입니다. 나는 나의 두려움에 직면 할 것이다. 나는 그것이 나를 통과하도록 허락 할 것입니다. 그리고 그것이 지나갔을 때 나는 그 길을보기 위해 내면의 눈을 돌릴 것입니다. 두려움이 사라진 곳에는 아무것도 없을 것입니다. 나만 남을 것입니다. - "두려움에 반대하는 Litany,"Frank Herbert, Dune "공포가 React 앱과 어떤 관련이 있습니까?"라고 궁금해하실 수 있습니다. 우선, React 앱에는 두려워 할 것이 없습니다. 사실,이 특정 앱에서 우리는 두려움을 금지했습니다. 멋지지 않나요? 이제 두려움을 떨쳐 버릴 준비가 되었으

자세히보기
Ubuntu 18.04에서 Virtualenvwrapper를 사용하여 Virtualenv를 설정하는 방법

Ubuntu 18.04에서 Virtualenvwrapper를 사용하여 Virtualenv를 설정하는 방법

한 가지 이야기를 들려 드리겠습니다. 최근에 Ubuntu 18.04에서 virtualenv 위에 virtualenvwrapper를 설정하는 방법을 검토해야한다는 것을 깨달았습니다. 저는이 과정을 다른 컴퓨터에서 여러 번 완료했으며 매번 이전과 조금씩 다른 것처럼 보입니다.방금 새 노트북을 구입하고 집으로가는 길에“Ubuntu 18.04에서 virtualenvwrapper를 설정하는 방법”에 대한 여러 자습서를 읽었습니다. 그리고 제가 말씀 드리죠. 모든 튜토리얼이 매우 간단하고 기본적으로이 세 가지를 수행하는 방법을 설명했기 때문에 정말 쉬워 보였습니다.virtu

자세히보기
Express.js 및 Heroku를 사용하여 웹에 앱을 배포하는 방법

Express.js 및 Heroku를 사용하여 웹에 앱을 배포하는 방법

웹 개발 세계에 익숙하지 않은 경우 HTML, CSS 및 JavaScript를 사용하여 정적 사이트를 구축하는 방법을 배우는 데 많은 시간을 할애 할 것입니다.그런 다음 React, VueJS 또는 Angular와 같은 인기있는 프레임 워크를 사용하는 방법을 배우기 시작할 수 있습니다.그러나 몇 가지 새로운 아이디어를 시도하고 일부 사이트를 로컬에서 실행 한 후에는 실제로 사이트 또는 앱을 배포하는 방법이 궁금 할 수 있습니다. 그리고 밝혀진 바와 같이, 어디서부터 시작해야하는지 알기가 어려울 수 있습니다.개인적으로 Heroku에서 호스팅되는 Express 서버를 실행하는 것은 가장 간단

자세히보기
react-navigation 5를 사용하여 React Native에서 탐색을 처리하는 방법

react-navigation 5를 사용하여 React Native에서 탐색을 처리하는 방법

React-navigation은 React Native에서 탐색에 대해 이야기 할 때 떠오르는 탐색 라이브러리입니다.저는이 라이브러리의 열렬한 팬이며 항상 React Native에서 탐색을 처리하는 데 사용하는 첫 번째 솔루션입니다. 이것은 부분적으로 훌륭하고 쉬운 API를 가지고 있으며 매우 사용자 정의 할 수 있기 때문입니다.버전 5가 베타에서 안정 버전으로 변경 되었기 때문에이 기사를 작성하고 있습니다. 일부 기능 변경과 경로를 선언하는 간단하고 다른 방법을 제공하는 새로운 API 디자인이 함께 제공됩니다.이 기사에서는 새로운 API를 살펴보고 애플리케이션에서 사용하는 방법을 살펴 보겠습니다.원래 saidhayani.com에 게시 됨설치 중react-navigation을 설치하는 방법은 이

자세히보기
이 이상한 것을 배우십시오? CSS 디버그 요령

이 이상한 것을 배우십시오? CSS 디버그 요령

디자이너는 그를 싫어합니다! ?이 이상한 것을 배우십시오? CSS 디버그 요령* 클릭 베이트 아님 *기사를보기 전에 제품을 만들고 있다는 사실을 공유하고 웹 개발자에게 더 나은 서비스를 제공하는 방법에 대한 데이터를 수집하고 싶습니다. 이 기사를 읽기 전후에 확인하기 위해 간단한 설문지를 만들었습니다. 확인해보세요. 감사합니다! 이제 정규 프로그램으로 돌아갑니다.안녕! ? 나는 Zaydek입니다! 처음으로 웹 사이트를 만드는 방법을 배우려고했을 때 예상보다 훨씬 고통 스러웠습니다. 어떻게 웹 사이트 t의 수 - 모든 후, 나는 경험이 풍부한 그래픽 디자이너와

자세히보기
최신 버전의 JavaScript에는 2 개의 새로운 기능 만 있습니다. 작동 방식은 다음과 같습니다.

최신 버전의 JavaScript에는 2 개의 새로운 기능 만 있습니다. 작동 방식은 다음과 같습니다.

최신 버전의 JavaScript : ECMAScript 2016 (더 일반적으로 ES7이라고 함)에 대해 이야기 해 보겠습니다. ES7은 두 가지 새로운 기능을 제공합니다. Array.prototype.includes()새로운 지수 연산자 : **.Array.prototype.includes ().indexOf()요소 가 배열에 존재 하는지 알고 있던 시대는 지났습니다 .키워드는 “존재”입니다..indexOf() 주어진 요소가 어떤 인덱스에 나타나는지 알고 싶다면 괜찮습니다.그러나 우리의 목표가 주어진 요소 가 배열에 존재 하는지 아는 것이라면 .indexOf()최선의 선택이 아닙니다. 그리고 그 이유는 간단합니다. 무언가의 존

자세히보기

   SQL 및 데이터베이스-초보자를위한 전체 과정

SQL 및 데이터베이스-초보자를위한 전체 과정

이 과정에서 Mike Dane은 데이터베이스 관리 기본 사항과 SQL을 가르칩니다. 이 과정은 Mike가 Windows 또는 Mac에 MySQL을 설치하는 것을 돕는 것으로 시작됩니다. 그런 다음 스키마 디자인, CRUD (Create-Read-Update-Delete) 작업 및 기타 데이터베이스 기본 사항과 같은 주제를 탐색합니다. 이전에 데이터베이스 나 SQL을 연구 한 적이 없다면 이것이 좋은 출발점입니다. 다음 내용을 다룹니다. 데이터베이스 란? 테이블 및 키 SQL 기초 MySQL Windows / Mac 설치 테이블 생성 데이터 삽입 제약 업데이트 및 삭제 기본 쿼리 회사 데이터베이스 소개 회사 데

자세히보기
이 무료 7 시간 과정에서 미적분 2 배우기

이 무료 7 시간 과정에서 미적분 2 배우기

그래픽 시뮬레이션 및 일부 유형의 기계 학습과 같은 높은 수준의 수학이 필요한 소프트웨어 개발 유형이 많이 있습니다. freeCodeCamp.org YouTube 채널에 일련의 대학 수준 과정을 게시하여 사람들이 필요한 수학을 배우도록 돕고 있습니다. 최신 무료 과정은 완전한 7 시간 미적분 2 과정입니다.이 과정은 채플 힐에있는 노스 캐롤라이나 대학교에서 가르치는 Dr. Linda Green이 만들었습니다. 그녀는 학부생들에게 미적분학 2를 가르친 경험이 있습니다.비디오 콘텐츠 외에도 Dr. Green의 전체 코스 노트를 비디오 설명에 링크로 포함

자세히보기

   JavaScript의 TDZ (Temporal Dead Zone) 란 무엇입니까?

JavaScript의 TDZ (Temporal Dead Zone) 란 무엇입니까?

나는 Temporal Dead Zone이 공상 과학 문구처럼 들린다는 것을 알고 있습니다. 하지만 매일 사용하는 (또는 배우고 싶은) 용어와 개념이 무엇을 의미하는지 이해하면 도움이됩니다. 이게 복잡해 지니 끈으로 묶으세요. JavaScript에서 { }원하는 곳에 범위 수준을 추가 하기 위해 추가 할 수 있다는 것을 알고 있습니까? 따라서 우리는 항상 아래와 같이 할 수 있습니다. { { { { { { var madness = true } } } } } } 다가오는 예제가 의미가 있는지 확인하기 위해이 세부 정보를 포함했습니다 (모두가 알고 있다고 가정하고 싶지 않았기 때문에). ES6 이전에는 변수를 선언하는 다른 방법이 없었습니다 var. 그러나 ES6는 우리 let와 const. let그리고 const선

자세히보기

   Python 3으로 웹 사이트를 긁어내는 방법

Python 3으로 웹 사이트를 긁어내는 방법

웹 스크래핑은 웹 사이트에서 데이터를 추출하는 프로세스입니다. 웹 사이트를 스크랩하기 전에 공급자가 서비스 약관에서 허용하는지 확인해야합니다. 또한 API를 대신 사용할 수 있는지 확인해야합니다. 대규모 스크래핑은 서버에 많은 스트레스를 가해 서비스 거부를 초래할 수 있습니다. 그리고 당신은 그것을 원하지 않습니다. 누가 읽어야합니까? 이 기사는 고급 독자를위한 것입니다. Python 프로그래밍 언어에 이미 익숙하다고 가정합니다. 최소한 목록 이해, 컨텍스트 관리자 및 기능을 이해해야합니다. 가상 환경을 설정하는 방법도 알아야합니다. 일부 웹 사이트를 탐색하기 위해 로컬 컴퓨터에서 코드를 실행합니다. 약간의 조정을 통해 서버에서도 실행할 수 있습니다. 이 기사에서 배울 내

자세히보기

   모든 개발자는 블로그가 있어야합니다. 그 이유와이를 고수하는 방법은 다음과 같습니다.

모든 개발자는 블로그가 있어야합니다. 그 이유와이를 고수하는 방법은 다음과 같습니다.

JavaScript 학습에 관심이 있으십니까? jshandbook.com에서 eBook 받기 블로그는 여러 가지 이유로 유용합니다. 리드의 원천이 될 수도 있고, 인디 개발자가되고 싶다면 향후 제품을 판매 할 수도 있고, 청중을 확보하고 아이디어를 표현하는 곳이 될 수도 있습니다. 나는 지금까지 11 년 넘게, 어느 정도 일관되게 블로깅을 해왔다. 가끔은 너무 오랫동안 그만두기도했다. 나는 최근에 블로그를 개편하고 매일 매일 글을 쓰는 시점까지 일관되게-매우 일관되게-쓰기 시작했습니다. 나는 이미 많은 좋은 결과를 보았다. 저는 개발자가 Frontend Development를 배우는 데 도움을

자세히보기

   루비 숫자 방법 및 숫자 연산 (예제 포함)

루비 숫자 방법 및 숫자 연산 (예제 포함)

Ruby의 숫자 메서드 Ruby는 숫자에 사용할 수있는 다양한 내장 메서드를 제공합니다. 다음은 정수 및 부동 메서드의 불완전한 목록입니다. 조차: 정수 가 짝수 .even?인지 여부를 확인하는 데 사용 합니다 . 또는 부울을 반환합니다 .truefalse 15.even? #=> false 4.even? #=> true 이상한: 정수 가 홀수 .odd?인지 여부를 확인하는 데 사용 합니다 . 또는 부울을 반환합니다 .truefalse 15.odd? #=> true 4.odd? #=> false 올림:

자세히보기

   BLoC 패턴을 사용하여 Flutter에서 상태를 처리하는 방법

BLoC 패턴을 사용하여 Flutter에서 상태를 처리하는 방법

작년에 저는 Flutter를 선택했고 지금까지 정말 멋진 여정이었습니다. Flutter는 Android 및 iOS 용 고품질 애플리케이션을 제작하기위한 Google의 멋진 프레임 워크입니다. 거의 모든 응용 프로그램을 빌드 할 때와 마찬가지로 항상 응용 프로그램 상태를 처리해야합니다. 특히 애플리케이션이 성장하고 복잡 해짐에 따라 기술 부채가 발생하지 않도록 상태 관리를 효율적으로 처리하는 것이 중요합니다. Flutter에서 모든 UI 구성 요소는 위젯입니다. 멋진 앱을 만들기 위해 이러한 위젯을 작성하기 시작하면 깊이 중첩 된 위젯 트리가 생성됩니다. 이러한 위젯은 애플리케이션 상태를 서로 공유해야 할 가능성이

자세히보기

   Python 사전 데이터 구조 설명

Python 사전 데이터 구조 설명

사전은 Python에서 가장 많이 사용되는 데이터 구조 중 하나입니다. 사전은 정렬되지 않은 항목 모음이며 일반적으로 사전에 키와 값이 저장됩니다. 사전이 일반적으로 사용되는 방법에 대한 몇 가지 예를 살펴 보겠습니다. # dictionary declaration 1 dict1 = dict() # dictionary declaration 2 dict2 = {} # Add items to the dictionary # The syntax to add and retrieve items is same for either of the two objects we defined above. key = "X" value = "Y" dict1[key] = value # The dictionary doesn't have any specific data-type. # So, the values can be pretty diverse. dict1[key] = dict2 이제 몇 가지 검색 방법을

자세히보기
React에서 기능 구성 요소를 사용하는 방법

React에서 기능 구성 요소를 사용하는 방법

React에서 컴포넌트를 만드는 방법이 궁금하십니까? 대답하려면 HTML과 유사한 구문을 반환하는 함수를 만드는 것만 큼 간단합니다.import React from 'react'; function Counter({n}) { return ( {n} ); } export default Counter;이제 위 코드에서 무슨 일이 일어 났는지 살펴 보겠습니다.  Counter숫자를 HTML로 변환하는 함수입니다. 더 자세히 살펴보면 Counter순수한 기능입니다. 맞습니다. 입력에 따라 결과를 반환하고 부작용이없는 함수입니다.이 설명에는 새로운 질문이 있습니다. 부작용이란 무엇입니까?요컨대, 부작용은 함

자세히보기

   Fetch API를 사용하여 HTTP 요청을 수행하는 방법에 대한 실용적인 ES6 가이드

Fetch API를 사용하여 HTTP 요청을 수행하는 방법에 대한 실용적인 ES6 가이드

이 가이드에서는 Fetch API (ES6 +)를 사용하여 REST API에 대한 HTTP 요청을 수행하는 방법과 가장 많이 접할 수있는 몇 가지 실용적인 예를 보여 드리겠습니다. HTTP 예제를 빨리보고 싶으십니까? 섹션 5로 이동합니다. 첫 번째 부분에서는 HTTP 요청 작업시 JavaScript의 비동기 부분을 설명합니다. 참고 : 모든 예제는 화살표 기능이있는 ES6로 작성되었습니다. 오늘날의 웹 / 모바일 애플리케이션의 일반적인 패턴은 서버에서 일종의 데이터 (예 : 사용자, 게시물, 댓글, 구독, 결제 등)를 요청하거나 표시 한 다음 CRUD를 사용하여 조작 (생성, 읽기, 업데이트 또는 삭제) 작업. 리소스를 추가로 조작하기 위해 .map(), .

자세히보기