트리 쉐이킹은 사용되지 않는 코드를 제거하여 최종 번들 크기를 줄이는 기법입니다. 주로 모듈 번들러(예: Webpack, Rollup)와 함께 사용되며, 특히 자바스크립트 환경에서 중요하게 여겨집니다. 이 문서에서는 트리 쉐이킹의 개념, 작동 방식, 이점, 주의 사항

TypeScript는 강력한 타입 시스템과 다양한 기능을 제공하여 개발자들이 보다 안전하고 효율적으로 코드를 작성할 수 있도록 돕습니다. 그 중 하나인 enum은 코드 가독성을 높이고, 상수값을 그룹화하는 데 유용하게 사용될 수 있지만, 몇 가지 단점 때문에 사용을 피

최근에 면접을 봤는데 프로토타입, 자바스크립트의 다중 상속에 관해서 질문을 하시더라구요... 프로토타입은 익숙한 개념이었지만 다중 상속은 무지했습니다.. 그래서 글을 정리합니다자바스크립트는 프로토타입 기반의 객체 지향 언어로, 다른 객체지향 언어들처럼 명시적인 clas

일정 관리, 일정 공유 앱소그룹, 동아리, 회사, 학교 등 다양한 그룹 모임이 많아지는 시대에 맞춰 개인 일정뿐 아니라 그룹 일정을 한 눈에 관리할 수 있는 캘린더를 만들고자 이 아이디어를 시작하게 되었습니다.📌 내가 속한 그룹과 개인일정을 달력 형태로 볼 수 있습니

Next.js 13은 새로운 App Router와 함께 중요한 업데이트를 제공합니다. 이 블로그 포스트에서는 새로운 App Router와 기존 Page Router의 차이를 탐구할 것입니다. 이들의 기능, 장점 및 잠재적인 사용 사례를 살펴보겠습니다.Next.js는 서

안녕하세요 앞선 게시글로 일정 컴포넌트를 만들었었는데 일정 삭제

안녕하세요, 여러분!현재 개발중인 공유 달력앱에 일정 기능이 있습니다. 일정은 몇 시간 단위거나 며칠 단위입니다. 같은 날 일정이라면 "일정1"과 같이 하루 안에 UI를 그리면 되지만 "일정2"처럼 며칠 단위인 경우 아래 이미지와 같이 UI를 가집니다. 개발하기 앞서

안녕하세요, 여러분!이번에 앱 내에 그룹 초대하기라는 SNS 공유 형태의 기능이 들어가게 되었습니다. 이에 따른 공유하기 기능과 해당 공유를 눌렀을때 앱에서 해당 화면으로 바로 이동할 수 있게 하는 코드를 작성했습니다. 작업 도중 해당 기능을 구현하는 방식에 대해 공부

원했던 화면이 그려지기는 했지만 로딩 되는데에 매우 오래걸리는 문제가 있었습니다.성능 모니터링 툴로 확인을 해보니 3.3s가 걸리는 것을 확인할 수 있었습니다.구글 리서치 자료에 따르면 모바일 웹 사이트의 로딩 시간이 3초 이상일 때 32%, 5초 이상은 90%, 6초

안녕하세요, 여러분!오늘은 제가 개발 중인 캘린더 앱에 react-native-quick-actions 라이브러리를 사용해 훨씬 더 편리한 사용자 경험을 제공하는 방법을 공유하려고 합니다.스마트폰을 사용하다가 앱을 길게 누르면 아래와 같은 액션 창을 본 적이 있을 겁니

안녕하세요, 여러분! 오늘은 제가 사이드 프로젝트로 진행하고 있는 React Native 캘린더 앱 개발 이야기를 공유하려고 합니다. 거의 모든 프로젝트의 시작 단계에서 항상 찾아보는 것처럼, 저도 괜찮은 라이브러리를 찾아보는 일부터 시작했습니다. 이 글에서는 제가 조

많은 프로젝트를 진행하면서 api통신을 해야할때는 axios 라이브러리를 사용했다.그 이유는 인스턴스와 인터셉터가 가져다 주는 편리함이 너무 좋았다 인스턴스는 위와같이 서버주소라던지 타임아웃, 기본 헤더값을 미리 설정하고 재사용 할 수 있다! 벌써 편함request를

개요 현업에서 간편 송금앱을 개발중인데 채팅 서비스도 포함이 되어있다. 개발하다보니 많은 문제점이 발생했다. 문제점 1. 생각보다 Api조회가 너무 많다 기존의 프로세스는 다음과 같다 채팅방에 입장하면 방 정보와 채팅내용을 조회하여 렌더링한다 백그라운드에서 포그라운드

회사에서 코틀린으로 프로젝트를 진행중이었는데 분명 앱을 삭제하고 다시 설치를 했지만 shared preference 데이터가 복원되는 증상이 계속해서 발생했다.Android API 23(또는 Android "6.0" 또는 Android "Marshmellow")이후 B

저는 앱개발할때 React-Native를 주로 사용합니다 이번에 워치앱을 개발하고 싶어서 자료를 찾던중 자료찾기가 어려워서 했던 성공했던 내용 공유 드립니다 우선 환경은 React Native + SwiftUi 입니다 우선 React-Native 폴더에서 react

본 포스팅은 Firebase에서 제공되는 Realtime database 와 Firestore에 관해 과연 어떤 서비스를 써야 하는지, 둘의 차이점은 무엇인지 알아보는 지극히 개인적인 내용입니다. Realtime database 1. 비관계형 클라우드 데이터베이스

브라우저의 렌더링 과정