전체 글

인터넷에서 컴퓨터 둘은 어떻게 통신할까? 클라이언트와 서버는 수많은 노드들을 거쳐 통신한다. 그렇다면 이렇게 복잡한 구조에서 어떻게 최종 목적지를 찾아가는 걸까?IPInternet Protocol의 약자이다.각 클라이언트는 IP 주소를 부여받는다.패킷이라는 통신 단위로 지정한 IP 주소에 데이터를 전달한다. IP 패킷 IP 패킷은 출발지, 목적지 IP 주소와 기타 데이터, 전송 데이터로 구성되어 있다. 클라이언트 패킷 전달 전송 데이터에 출발지, 목적지 IP 주소를 함께 보내 복잡한 네트워크 구조에서 최종 목적지를 찾아갈 수 있다.간단히 생각하면 길에서 사람들에게 길을 물어보듯 수많은 노드들에게 목적지를 물어보며 찾아가는 것이다. 서버 패킷 전달 서버 또한 마찬가지다.클라이언트로부터 받은 요청 패킷에 담..

원인view-shot을 이용하여 화면 캡처 기능을 구현하는 도중 위와 같은 에러를 직면했다.해당 에러는 특정 함수에서 null 값이 prop으로 전달되어 발생한다.  react native를 이용하여 애플리케이션을 개발할 때에는 Android와 IOS 간 호환성을 위해 NSNumber 인수에 nonnull이나 nullable을 명확히 지정해야 한다. 해결 방법에러가 발생하는 view-shot 라이브러리의 captureRef 함수를 찾아 null값이 전달되지 않도록 nonnull을 명시하였다. 효과null값 전달로 인한 오류나 예외 발생을 방지할 수 있어 에러가 발생하지 않는다호환성이 향상된다.

아래와 같이 버튼을 누르면 특정 화면으로 이동 후 현재 화면을 캡처하여 갤러리에 저장하는 기능을 구현해 보았다.1. camera-roll 설치 카메라 롤 즉 갤러리에 특정 사진 혹은 영상을 저장하기 위해서는 사용 권한을 얻어야 한다. 따라서 해당 권한을 허용받기 위해 camera-roll을 설치한다.npm install @react-native-camera-roll/camera-roll --savehttps://github.com/react-native-cameraroll/react-native-cameraroll#readme GitHub - react-native-cameraroll/react-native-cameraroll: CameraRoll is a react-native native module..

메인 화면 구현이 끝나가는 도중 팀원들과 얘기되지 않았던 새로고침 기능에 대해서 떠올랐다. 현재 화면에서 사용자가 최신화된 정보를 받고 싶어 할 때처럼 사용자가 특정 행동을 원할 때 직접 제어할 수 있도록 해야 된다는 설계 원칙을 까먹어부렀다.아래와 같이 빠르게 새로고침 기능을 구현해 보았다.  1. 내장되어 있는 RefreshControl 사용react-native에 내장되어 있는 RefreshControl을 이용하면 빠르게 새로고침 기능을 구현할 수 있다. 아래 코드와 같이 import문을 먼저 작성한다.import { RefreshControl } from 'react-native'; 2. RefreshControl에 필요한 함수 및 State 작성const [isRefreshing, setIsRe..