이번 포스팅에서는 Javacript의 모듈과 모듈 번들러의 탄생 및 핵심 기능, 마지막으로 Rollup.js 번들러에 대해 살펴보려고 한다. 모듈Rollup에 대해 이야기해보기 전에 모듈과 번들러에 대해 간략히 살펴보고 넘어가자. 프론트엔드 진영에서 개발을 하게 되면 항상 등장하는 개념인데, 용어 그대로 모듈(분리된 코드 및 조각)들을 묶어주는 역할을 한다. 건축,부동산 및 선박에 관심이 있는 사람이라면 '모듈 공법'에 대해 들어본 적도 있을것이다. 빌딩 혹은 선박을 한군데서 시공하는것이 아닌, 여러 부분을 모듈 형식으로 쪼갠 후 조립해 효율성을 극대화 하는 공법이다. 개발관점에서 보면 여러 PR을 통해 머지 후 어플리케이션을 완성하는 형태라고 보면 비슷할것 같다 ? 규모가 큰 프로그램을 개발할 때 모..
이슈 발생시형님 ! 예전 코드로 다시 원복해서 빌드했는데 예전 캐시가 적용이 안돼요.평온히 개발하고 있던 어느날 다음과 같은 이슈가 발생했다. 사내 프로젝트에서 Turborepo를 활용해 모노레포를 구축하여 사용하고 있는데, 갑자기 예전에 빌드된 캐시가 코드에 적용되지 않는 현상이 발생한 것이다. Turborepo는 강력한 캐시기능을 자랑한다. 로컬 캐시, 클라우드 캐시 등 다양한 캐시 전략을 통해 빠른 빌드 속도를 토대로 배포시간 단축에 도움을 준다. 우리 팀 또한 편리하게 개발하고 있었는데 이상하게 예전 코드로 돌아가면 빌드시에 현재 코드로 적용되는 현상이 발생한 것이다. 캐시기능을 off하고 사용할 수 도 있었지만 그러기엔 Turborepo가 자랑하는 캐시를 꺼버리기엔 아까운 상황. 다행히 몇번의 ..
Supabase 최근에 앱개발을 하면서 정말 잘 사용하고 있는 서비스가 있다. Firebase의 대체제라고도 하는 Supabase인데 앱 및 웹 서비스의 백엔드 구축을 쉽게 도와주는 Baas(Backend as a Service)이다. 몇 번의 클릭과 간단한 코드를 통해 손쉽게 인프라를 구축할 수 있다. Flutter로 앱개발을 하면서 Supabse를 도입하여 백엔드를 구성했는데, 개인적으로 Firebase보다 낫다고 생각한다. 더 나은 개발자 경험과 직관적인 코드, 편리한 대시보드 UI와 Free Plan에서 무제한 API요청 등 개발자가 클라이언트에 온전히 집중하여 개발할 수 있도록 도와준다. Supabase에 대해 간략히 설명해보자면 다음과 같다. Supabase 특징- PostgresSQL 기반..
React Native와 Flutter를 선택할 때 고려해야할 것 중의 하나가 Code Push의 유무다. Code Push란 각 플랫폼의 앱스토어 리뷰 과정 없이 앱의 업데이트를 반영할 수 있는 서비스이다. 웹과 다르게 스토어의 심사를 받아야만 업데이트가 가능한 앱에게는 한줄기 빛과도 같은 존재이다. 스타트업이든 대기업이든 앱 서비스의 빠른 업데이트는 필수적이다. 결제 페이지에서 오류가 나는데 하루가 넘게 걸리는 심사과정만 기다리고 있다면 속이 타들어 갈 것이다. 그와중에 주말이 겹치거나 리젝이라도 당한다면 ? 기업 입장에서는 상상하기도 싫을것이다. 이 때문에 많은 앱 서비스에서 핫픽스가 필요한 부분은 웹뷰로 개발한다. 필자도 앱 회사에서 개발할 때 결제와 예약페이지 등에서 빠른 수정이 가능한 부분은 ..
