Typescript란? Typescript는 Javascript 의 superset으로 Microsoft에서 만든 자바스크립트 언어 입니다. 최근에 Microsoft는 하나의 발표를 했는데 기존 Typescript의 자체 컴팡일러 tsc 방식을 두고 go을 이용해서 컴파일을 시도했고 결국 10배 이상이 빠른 속도로 컴파일되는것을 보여주었습니다. 왜...

개요 Expo SDK 52 버전에서 MapView안에 Map Marker를 띄울때 처음엔 문제가 없지만 재랜더링 되거나 변동이 생길경우 앱 충돌이 나면서 앱이 꺼져버리거나 오류가 발생하는 경우가 생겼습니다. 이는 Expo SDK 51에는 없었던 오류 였고 Expo SDK 52로 업데이트 되면서 생긴 문제였습니다. 문제 해결법 Expo SDK ...

개요 React-Native에서 모달을 만드는 방식은 여러가지가 있습니다. Modal 컴포넌트를 이용해서 해당 컴포넌트 안에서 작성을 하거나 Contaxt-API , Zustand 혹은 Jotai 등 여러가지 상태관리 라이브러리를 이용하거나 React.Portal( React-Native 가 아닌 경우 )등 여러가지가 있을겁니다. 저는 이 중에 굳...

문제 카카오 인앱 로그인은 Expo를 지원하지 않고네이티브 모듈만 사용할 수 있는데 Expo의 prebuild 혹은 build를 통해서 Expo Go가 아닌 빌드된 화면에서 개발을 진행할 수 있엇고 https://github.com/crossplatformkorea/react-native-kakao-login 해당 라이브러리가 큰 도움을 주었습니다....

BLoC Pattern이란? BLoC Pattern은 Flutter에서 자주 사용되는 패턴 중에 하나 입니다. 비즈니스 로직을 UI랑 분리하고 코드의 재사용성과 유지보수성을 높이는 데 유용한 패턴중에 하나 입니다. 이미지 출저 BLoC Pattern을 이미지로 보여주기에 가장 적절해서 가져와봤습니다. BLoC Pattern 구성법 BL...

문제 프로젝트를 진행중에 있어 Javascript를 이용하여 React의 input의 value값이 state로 관리가 되어있기 때문에 일반 document.getElementById('aaa').value = "input값" 형식으로는 가상DOM을 쓰는 React에서 DOM이 변형되면 값이 제대로 저장되지 않는 문제가 발생했습니다. 문제 해결에...

문제 해당 프로젝트에는 댓글 기능이 있고 댓글이 달렸을때마다 팀원분들과 회의를 통해 push 알림을 줄 수 있게 개발하기로 결정했습니다. firebase을 통해 push알림을 구현했지만 모바일에서도 push 알림을 줄 수 있을까 여러 방법을 찾아보다 PWA(프로그래시브 웹 앱)이라는것을 발견 했고 PWA을 설정하면 웹을 애플리케이션 처럼 작동 시킬 수...

개요 React 프로젝트를 진행하면서 대부분 서버 패칭과 캐싱, 동기화 등 여러 작업을 좀 편리하게 하고 무한스크롤을 구현할때 대부분 많이 사용했었습니다. 하지만 Next.js에서는 기본 fetch api을 자체적인 영구 캐싱 및 재검증을 할 수 있도록 확장 시켜두었습니다. 해당 부분을 이용해서 굳이 무한 스크롤이나 클라이언트 사이드에서 꼭 필요한게 ...

문제 기존에 했던 프로젝트에서 next.js에서 지원하는 cookies를 사용해서 로그인을 구현했습니다. 하지만 로그인 직후의 client측에서 상태를 변화하는 것을 감지해야 client 측에서 로그인 상태에 따른 화면을 재랜더링을 해야할 필요가 있었고, 또한 로그인 관련 로직을 여러갈래로 복잡하게 연결되어있던 부분을 한번에 관리하기 위해서 Next...

개요 이번 사이드 프로젝트에서는 백엔드가 없어 Firebase, Supabase 둘 중 어떤것을 사용할까 고민하다 push 알림도 있어 Firebase를 선택하게 되었습니다. Expo에서 Firebase를 사용할려면 두 가지 방법이 있다는것을 알았습니다. Firebase JS SDK를 사용하거나 React Native Firebase를 사용하는 ...