문제 프로젝트를 진행중에 있어 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를 사용하는 ...

bottom-sheet RN 프로젝트를 진행하면서 해당 UI를 구성을 하게 되었고 제스처를 통해서 움직임을 줘야했습니다. bottom-sheet 라이브러리 gorhom에서 제작한 bottom-sheet 패키지를 통해서 구성하게 되었습니다. yarn add @gorhom/bottom-sheet@^5를 설치해야하고 그리고 종속성을 가진 패캐지...

개요 Expo의 프로젝트를 진행중에 SVG를 사용해서 ICON를 관리를 할 필요가 생겼고 <Image source={require("경로")}> 이와 같이 svg를 불러와도 불러와지지 않다는것을 발견했고 SVG는 따로 패키지들을 설치해줄 필요가 있다는걸 알았습니다. 패키지 설치 expo에서 SVG를 사용하기 위해서는 첫번째로 rea...

개요 Expo 프로젝트에서 고객센터 페이지를 만들다가 Q.질문입니다. ↓ 를 누르면 해당 답변 내용이 나오는 애니메이션 있으면 사용자 경험에 좋을것 같아 아코디언을 만들수있는지 알아보았습니다. 알아보면서 여러 라이브러리를 찾게 되었지만 React Native에서 지원해주는 LayoutAnimation를 사용하는 편이 아무래도 더 좋을것 같다는 생각...

개요 Expo를 이용하여 빌드를 할려고 했을때 용량이 생각보다 크게 나오는것을 발견했습니다. 기본적으로 Expo는 Native의 개발 편의성을 극대화 하고 빌드 시 포함되는 설정들이 많기에 빌드의 용량이 클수밖에 없다는것을 알게 되었고 최적화하는 방법을 찾아보았을때 expo-build-properties를 발견할 수 있었습니다. expo-buil...

함수형 프로그래밍은 어떻게 구분해야할까? 이전에 작성했던 함수형 프로그래밍 문서에서는 함수형 프로그래밍이 어떤것인지, 어떻게 작성하면 좋은건지에 대해서 작성을 했었습니다. 오늘은 함수형 프로그래머로서 함수형 프로그래밍의 대한 구분을 한번 작성해볼려고 합니다. 함수형 프로그래밍의 구분 함수형 프로그래밍은 세 분류로 나눌수 있을것 같습니다. ...