Don’t worry about failures

react native에서 슬라이더를 구현할 일이 생겼다. 하지만, 내가 원하는 타입의 슬라이더는 존재하지않았다. 보통의 경우 다 이런식의 형태만 슬라이더 라이브러리만 존재했다. 하지만, 내가 원하는 형태는 아래와 같은 형태이다. 1. 문제 가장 큰 문제는 위와같은 라이브러리를 찾지 못했다는 것.. 2. 해결책 ( 1 ) 직접 구현 처음에는 pangesturehandle를 통해 구현을 직접하려고 했다. idea ) 아래와 같이 여러 view layer를 쌓아 handler에 따라 늘리고 줄이고 시도 문제 - pangesturehandle에 따라 빠르게 view의 넓이를 변경 시킬 때 계산의 오차로 인해 원하는 값이 나오지 않았다. 몇번이고 수정하고 디테일을 살려봤지만, 실패. ( 2 ) 슬라이더 라이..

react-native-video 오픈소스를 사용하며, 가벼운 문제를 발견했다. 이 문제 때문에 기능에 제한이 생겼고 이를 발견한 나는 pr까지 올리는 경험을 하게 되었다. 문제 video filter 프로퍼티 값을 넘겨도 제대로 출력이 되지 않음. 원인파악 1. debuging Xcode를 통해 해당 라이브러리 디버깅을 한다. 2. not break 해당 부분을 디버그를 했지만, break가 되지 않는 것을 발견 3. 추적 react-native단에서 부터 추적해 나간다 4. 문제 발견 react-native-video는 자체적으로 typescript로 되지 않아 @types/react-native-video을 통해 type compile과정을 겪는다. 여기서 문제가 발생했다. 위의 사진을 보면 fil..

어떠한 프레임에 갇히기 싫어 expo를 사용하지 않고 react-native cli를 통해 시작했기 때문에 구조를 잡기 위해 더 많은 고생을 했다. mvvm 패턴 구조를 잡기위해 하나의 모델링이 필요했다. 알아보면서 해당 패턴이 가장 작업하기에 혹은 유지보수하기에 명확하다는 생각이 들어 이를 반영하기로 했다. 최근 트렌드라고 하기엔 그렇지만 리액트도 그러고 많은 부분이 view단에서 정말 view의 역할만 하도록한다. 이 이유는 재사용성을 강조하고, 유지보수가 강조되고 있기 때문이라 생각한다. 이에 나 또한 mvvm패턴을 제대로 반영하기 위해 노력 중이다. 위의 구조로 구성하였다. 하나하나 살펴보자. 1. component View에 해당한다 우선, screen을 기반으로 해서 component dire..