안녕하세요. RyuWoong 입니다.오랜만에 뵙습니다! 최근 들어 여러 고민을 하며 공부를 했고 (차차 풀어보겠습니다. 😄) 재밌을만한 간단한 주제를 가져와 소개하게 되었습니다. React Native Library중에, React Native Aware Scroll View 라는 라이브러리가 있습니다. 문득 어떻게 동작하는 걸까라는 호기심이 생겨 라이브러리를 한번 파헤쳐봤어요! 함께 보시죠.원리원리는 생각보다 단순했어요. 그리고 숨겨진 RN의 Method들이 있다는 것도 알았죠!원리는 간단하게 3단계로 나눌 수 있어요.Input을 선택하면 이벤트가 동작 → 선택된 Input이 무엇인지 확인하고 해당 Input을 가져옴 → 해당 Input으로 Scroll 하도록 동작해요.첫번째"어떻게 Input을 선택..

2024년 상반기엔 개인적으로 많은 일이 있었다. 그중 몇 가지를 돌아보며 생각을 정리해 보았다. 회사에 입사한 지 어느새 1년이 넘었는데, 나는 제자리인 기분이 들었다. 부족한 게 무엇인지 알고 싶고, 어떻게 채우면 좋을지 알고 싶어졌다. 그리고 회사 사정도 좋지 않아 이직을 다시 고려하게 되었다. 현재 이직 시장은 과거에 비해 좋지 않아 보였다. React Native라는 기술을 스택으로 가진 회사들이 많지 않기도 했거니와 Flutter와 파이를 나눠 먹는 중이니.. 그래서 “Web을 해야 하나?”라는 고민을 했던 것 같다.그래도 다행인 점은, 과거에는 서류 탈락이 흔했지만 이제는 서류 합격이 과거보다 잘 되는 것 같았다. 하지만 그 다음이 문제였다. 과제를 하다가 거대한 고민에 부딪혔다. 구현을 올..

이름은 깜뭉이로, 검은색 웰시코기를 베이스로 창작한 저의 대표 캐릭터 입니다.잘 부탁드립니다. 해당 캐릭터의 저작권은 RyuWoong 저에게 있습니다.

해당 글은 100% 정확한 글이 아닙니다. 저의 경험을 작성하는 것이며, 틀릴 수 있습니다. 이점 참고 부탁드리며, 또한 지적을 환영합니다.이번 글은 Jest를 사용하기 앞서 간략한 설정 방법과 주요 옵션들을 설명해볼까해요.앞 전에 만든  프로젝트를 그대로 사용해 주세요. 옵션 설정Jest 옵션을 설정하기 위해서는 package.json에 설정을 추가하거나, jest.config.js 파일을 만들어 옵션을 설정할 수 있어요.// package.json{ "name": "your-project", "version": "1.0.0", "scripts": { "test": "jest" }, "jest": { "verbose": true, "preset": "react-native", "t..

[React Native] 0-4. 시작하기1. 부터 Component와 API를 톺아볼까요?React Native에서는 화면을 구성하기 위해 다양한 Component들을 제공해요. 이 Component들은 놀랍게도, 각 OS 환경에서 맞는 Native Component로 변환되어 동작하는데요.예를 들어 위 그림과 같이 메뉴 항목을 React Native Component로 표현하자면,// React Native Component로 만들어 진 예.function MenuItem() {...return ( )}위와 같은 모습으로 작성할 수 있어요. 이는 Android와 iOS에서 각각 아래와 같이 변환 돼요.// Android //iOS 이러한 방식은 React Native 핵심이라고 볼 ..