1. @react-navigation/native 1) 정의 RN에서 네비게이션을 다루는 라이브러리 중 가장 유명한 라이브러이다. 사실상 현 meta에서 공식적으로 출범한 라이브러리가 아닌 점을 제외하면 전세계적으로 RN 개발자라면 반드시 필수록 사용하는 라이브러리 중

상대 경로로 개발을 하다보면 가독성이 매우 떨어지는 경우가 가끔씩 있다.예를 들면 다음과 같은 경우이다.만약에 components 폴더와 screens 폴더를 어느 파일에서든 절대 경로로 부를 수 있다면 가독성이 매우 좋아질 것이다.이를 설정하기 위해 포스트를 작성한다

Git 은 <span style='color: > Git Hook?Git 과 관련한 어떤 이벤트가 발생했을 때 특정 스크립트를 실행할 수 있도록 하는 기능이다. 크게 클라이언트 훅 과 서버 훅 으로 나뉘는데 클라이언트 훅 은 커밋, Merge 가 발생하거나 pus

1. Prettier 1) Prettier 란? > Code Formatter 의 한 종류로써, 정해진 규칙에 따라 코드 스타일을 통일 시켜주는 툴이다. 후술할 ESLint 와의 차이점은, ESLint 는 JavaScript에 한정된 Code Formatter 라면,

React 바인딩 종류 mobx-react : 클래스 기반 컴포넌트 및 함수형 컴포넌트 지원 mobx-react-lite : mobx-react 의 라이트 버전으로 함수형 컴포넌트만 지원 mobx-state-tree : 일명 mst 라고 불린다. 🔔 참고 > 이 포

0. 개요 자바스크립트를 사용하다보면 라이브러리나 내가 만든 모듈을 만들고 가져올 때 import/export 를 자주 사용한다. 그런데 무의식적으로 export, export default 를 번갈아 가며 사용할 때가 있다. 이 전까진 단순히 export defaul

📌 참고 하기 포스트를 참고하여 작성하였음을 알립니다. React Native에서 CodePush 사용하기!!! 0. 개요 현재 기준 모바일 크로스 플랫폼 시장에서 React Native 와 Flutter 가 서로 엎치닥 뒤치락 하며 시장 점유율을 가져가고 있다.

이 포스트는 하기 블로그를 토대로 작성 하였음을 알려드립니다.📌 Fastlane을 통한 앱 자동 배포 - Fastlane을 사용해서 React native로 만든 앱을 자동으로 배포해 보자📌 Fastlane에 필요한 각 플랫폼 별 .env, API Key, Cert

평소 코딩할 때 단축키를 통해 효율적인 손가락 동선(?)을 짜는 편이다.그 중에서도 방향키는 정말 손이 잘 안간다.그래서 고안했던 것이 오른쪽 손가락이 기본적으로 닿아있는 i,j,k,l 키를 활용하면 어떨까 싶었고, 이를 위해 맥북에서 유명한 karabiner 키매핑

성능은 UX에 직접적인 영향을 미치는 중요한 요소이다.앱의 렌더링이 느리거나 버벅거리는 경우, 사용자는 반응이 둔해지거나 최악에는 사용을 중단할 수 있다. 따라서 렌더링 최적화를 통해 불필요한 리렌더링을 줄이고 성능을 향상시켜 사용자에게 원활하고 빠른 경험을 제공해야

1. 서론 이직을 준비하면서 서류를 넣었던 곳으로부터 서류 합격 통보를 받았다. 통보와 함께 과제를 받았고, 일주일 간 구현했지만 결국 불합격 통보를 받았다.. 😢 그래도 다행인 점은 제출한 과제에 대하여 피드백을 원할 경우 회신을 달라고 했고 곧바로 피드백을 받고

시작 태그와 종료 태그 사이의 내용을 나타낸다.React 의 특별한 prop 이다.아래 예시를 보면 이해가 더욱 쉽다.여기서 CustomView 의 children 은 안에 있는 Text 태그들이다. Text 태그가 중요한 게 아니라 CustomView 태그가 감싸고

이전에 \[개념] Call by value, Call by reference 포스트에서 원시, 참조 값에 대해 알아보았다.원시는 말 그대로 원본 데이터 그대로를 다른 메모리에 동일하게 복사하여 가져온 데이터이다.참조는 원본 데이터의 <span style='colo

JavaScript 파일과 관련 리소스들(ex image, stylesheet 등)을 <span style='color: 번들러(bundler)에 의해 번들링(bundling)을 거쳐 생성된 <span style='color: React Native는 기본적

다음과 같은 함수가 있다.내가 기대하는 결과값은 아래와 같다.하지만 반환되는 결과값은 다음과 같다.즉, <span style='color: 해결 방법은 아주 간단하다.key 에 \[] 대괄호를 씌어주면 된다.결과값은 다음과 같다.

React Navigation 을 사용할 땐 추가적인 유틸리티가 필요하다?!

만약 하나의 컴퓨터에서 A프로젝트, B프로젝트를 작업한다고 가정하자.A는 a라는 github 계정으로 저장소를 관리해야 하며, B는 b라는 github 계정으로 저장소를 따로 관리해야 한다.이럴 땐 어떻게 해야 할까??만약에 본인 컴퓨터에서 단 한번이라도 git을 사용

1. useRef ? > 참조 (reference) 를 생성하고 관리하기 위해 사용되는 hook 이다. 함수형 컴포넌트 내에서 가변적인 상태를 유지하고 업데이트하는 데 사용된다. 참조라는 의미가 굉장히 모호하고 직관적이지 않다. 차근차근 알아보며 사용법을 익혀보자.

❗️이 포스트는 Redux-toolkit(RTK) 개념에 의거하여 작성됐으며, 개념이 부족하다면 위 개념을 숙지 후 읽기를 추천합니다.Thunk 는 Redux 에서 비동기 처리를 도와주는 대표적인 미들웨어 중 하나이다.말 그대로 미들웨어기 때문에 라이브러리를 설치하여

1. Redux-toolkit ? > Redux 팀에서 공식적으로 만든 가장 최신 상태 관리 라이브러리이다. Redux-toolkit (이하 RTK) 은 아래와 같은 특징을 가진다. 반복적이고 번거로운 작업을 최소화한다. 코드의 가독성을 높였다. 유지 보수성을 향상시