본문 바로가기 메뉴 바로가기

밀래의 코딩북

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

밀래의 코딩북

검색하기 폼
  • 분류 전체보기 (95)
    • 일상 (3)
    • 개발팁 (2)
    • 네트워크 (3)
    • OS (3)
      • Ubuntu16.04 (1)
      • Mac (1)
    • BackEnd (14)
      • SpringBoot (3)
      • Node (10)
    • FrontEnd (10)
      • React (10)
      • Vue (0)
    • 오픈소스 (1)
      • ElasticSearch (1)
    • Java (1)
    • JavaScript (0)
    • python (14)
    • 머신러닝 (9)
    • 딥러닝 (2)
    • 알고리즘 (17)
      • 백준문제풀이 (2)
      • 알고리즘 공부 (1)
      • LeetCode 공부 (14)
    • Git (2)
    • Docker (5)
    • React Native (8)
  • 방명록

02. 리엑트 네이티브의 동작 방식 - 브릿지, 가상돔

브릿지 리엑트 네이티브는 JavaScript로 개발하는데 어떻게 Native 코드로 동작할까? 이 궁금증을 해소하기 위해서는 브릿지의 개념을 알아야 합니다. 그리고 그 브릿지와 동작하는 Thread 개념을 이해해야 합니다. 브릿지는 JavaScript 코드를 이용해 네이티브 계층과 통신하는 역할을 합니다. 브릿지는 JavaScript 스레드 정보를 받아 네이티브에 전달합니다. JavasScript 스레드는 JavaScript 코드가 실행되는 장소이며 보통 리엑트 코드로 구성되어 있습니다. 네이티브를 담당하는 Main 스레드가 있고 레이아웃을 계산하는 데 사용하는 백그라운드 스레드인 Shadow 스레드가 있습니다. 또한, 네이티브 모듈이 있는데 각 모듈에 자체 스레드가 있습니다. Main Thread & ..

React Native 2021. 7. 31. 17:40
01. 리액트 네이티브란?

리액트 네이티브 란? 리액트 네이티브는 2015년 페이스북이 공개한 오픈소스 프로젝트로 리엑트에 기반을 두고 제작되었습니다. 리액트와 달리 IOS, Android에서 동작하는 네이티브 모바일 애플리케이션을 만드는 자바스크립트 프레임워크로 시작하였고 최근에는 Windows, Mac, Web까지 확장하고 있습니다. 또한, 2018년에는 React Native의 Github의 모든 레파지토리에서 두 번째로 많은 contributors를 기록했습니다. 현재는 Microsoft, Expo, Callstack, Infinite Red 그리고 Software Mansion 등 다양한 기업과 개인의 기부로 지원받고 있습니다. React Native : https://reactnative.dev/ React Native..

React Native 2021. 7. 31. 11:30
[react-native] iOS 빌드 실패 - library not found for -lreact-native-slider

react-native에서 ios 빌드를 하다보면 library not found 이슈가 발생하곤 합니다. 정확히 어떤 이유인지 알 수 없어 라이브러리만 계속 재 설치 해보기도 하고 pod을 모두 삭제 했다가 설치 해보기도 하지만 한번 꼬인 설정은 이런 방법으로 해결 안되더라구요. 그래서 제가 library not found 관련하여 해결한 방법을 정리 해봅니다. library not found 해결 방법. 저는 react-native-slider 라이브러리를 설치하고 발생했습니다. yarn && pod install 를 한 뒤 build를 진행했는데 계속해서 위 문제가 발생했습니다. 여러가지로 검색 해보다가 pod install 할때 발생한 wanring 메세지가 눈에 들어왔습니다. 위 메세지를 읽어보..

React Native 2021. 7. 6. 01:44
Google Functions & Firestore 저장하기 1편 - Functions 프로젝트 생성 및 Deploy 하는 법.

Google Functions & Firestore 저장하기 1편 - Functions 프로젝트 생성 및 Deploy 하는 법. 1. Google functions를 사용하는 이유 토이 프로젝트에서 크롤링 Firebase에 데이터를 쌓아야 하는 이유가 생겼습니다. 처음에는 AWS의 Lamdba를 고려하여 연결하려고 했지만 Firebase console에서 Google Function를 한 번에 확인할 수 있고 같은 데이터 센터라는 이점이 있기 때문에 Google Function를 사용하게 되었습니다. 이 포스팅에서는 Google Function를 활용하여 크롤링 데이터를 Firebase까지 데이터를 쌓는 방법을 정리하려고 합니다. 여러편을 통해 정리할 예정이고 1편에서는 Google Functions을 ..

BackEnd/Node 2021. 6. 23. 12:00
AWS Lambda로 크롤링 데이터 Firebase에 데이터 쌓는 법 ( 로컬 테스트 ) - 2편

AWS Lambda로 크롤링 데이터 Firebase에 데이터 쌓는 법 1편 - Lambda 설정 2편 - 로컬 테스트 이제 설정은 끝났고 firebase에 데이터 쌓는 방법을 시도해보겠습니다. Lambda에 올리기 전에 로컬에서 테스트하는 방법을 작성해보도록 할게요. 1. 로컬에서 Lambda에 올릴 함수 테스트 package.json에 아래와 같이 scripts를 추가합니다. { "name": "firebase-lambda", "version": "1.0.0", "main": "index.js", "scripts": { "locally" : "node -e \"console.log(require('./index').handler({}));\"" }, "dependencies": { "firebase-a..

BackEnd/Node 2021. 6. 22. 16:52
AWS Lambda로 크롤링 데이터 Firebase에 데이터 쌓는 법 (Lambda 설정)- 1편

AWS Lambda로 크롤링 데이터 Firebase에 데이터 쌓는 법 1편 - Lambda 설정 2편 - 로컬 테스트 토이 프로젝트에서 클로링으로 Firebase에 데이터를 쌓아야 하는 작업이 필요 했습니다. Spring Boot Batch를 사용하여 서버를 띄워서 크롤링을 할가 고민도 했었는데 그렇게 되면 항상 서버를 구동해야 하는 문제가 생겼습니다. 비용도 아끼고 필요할 때만 사용하면 어떨까 고민 했는데 AWS Lambda를 사용하면 되지 않을까 생각이 들었고 그 방법을 정리해 보려고 합니다. 이번 장에서는 Lamdba를 이용하여 API를 호출하고 호출한 API에서 데이터를 정재하여 Firebase에 쌓는 방법을 정리해 보도록 하겠습니다. 01. AWS의 Lambda는 무엇인가? AWS의 Lambda..

BackEnd/Node 2021. 6. 22. 15:58
이전 1 2 3 4 ··· 16 다음
이전 다음
공지사항
최근에 올라온 글
  • 02. 리엑트 네이티브의 동⋯
  • 01. 리액트 네이티브란?
  • [react-native] iOS 빌드⋯
  • Google Functions & Fires⋯
최근에 달린 댓글
  • 전체코드 공개 해주세요...
  • 네 님이 생각하신게 맞아요
  • boolean 배열로 하는 방법이⋯
  • 감사합니다
Total
541,268
Today
242
Yesterday
747
링크
TAG
  • react
  • Firebase Functions 연동
  • Google Function Firestore 연동하기
  • 리엑트 네이티브 가상돔
  • numpy
  • Java
  • 30 Day LeetCode Challenge
  • LeetCode 풀이
  • git
  • LeetCode 5월 챌린지
  • Java leetcode
  • 리엑트
  • 지도학습
  • 파이썬 numpy
  • Node
  • 퍼셉트론
  • 에라토스테네스
  • 머신러닝
  • Google Functions
  • 리엑트 네이티브란
  • 파이썬
  • Component
  • LeetCode 30일 챌린지
  • Python
  • 넘파이
  • LeetCode 알고리즘 공부
  • 노드
  • 리엑트 네이티브 브릿지
  • node 람다 로컬 테스트
  • 리엑트네이티브 library not found for
more
«   2022/08   »
일 월 화 수 목 금 토
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      
글 보관함
  • 2021/07 (3)
  • 2021/06 (4)
  • 2021/04 (1)
  • 2020/11 (2)

Blog is powered by Tistory / Designed by Tistory