오류 내용Flutter에서 배터리 정보가 필요하여 battery_plus 의존성을 추가했습니다. 실행했지만 아래와 같이 :app:checkDebugDuplicateClasses 오류가 발생했습니다.* What went wrong:Execution failed for task ':app:checkDebugDuplicateClasses'.> A failure occurred while executing com.android.build.gradle.internal.tasks.CheckDuplicatesRunnable > Duplicate class kotlin.collections.jdk8.CollectionsJDK8Kt found in modules jetified-kotlin-stdlib-1.8.22 ..

React에서 useMemo를 사용하는 상황은 보통 성능 개선을 위해 사용합니다. 그렇다면 사용하면 무조건 성능이 좋아질까요? 본 글에서는 useMemo를 사용하면 정말로 성능이 향상이 있는지 설명합니다. useMemo()란?useMemo는 React에서 제공하는 훅(Hook) 중 하나로, 메모이제이션(memoization)을 통해 성능 최적화를 돕는 역할을 합니다. 컴포넌트의 렌더링 과정에서 계산 비용이 높은 결과 값을 메모리에 캐싱하게 됩니다. 이후 동일한 입력 값이 들어오더라도 재연산하지 않고, 메모리에 캐싱된 값을 반환하기 때문에 불필요한 연산을 줄어들어 성능이 향상될 수 있습니다. useMemo() 사용 예시계산 비용이 높은 연산의 경우, useMemo를 사용하여 메모리 캐싱을 합니다. 의존성 ..

반응형 웹을 구현할 때, 모바일과 데스크탑 환경을 구분해야 할 때가 종종 있습니다. 본 글에서는 React에서 모바일 환경인지 데스크탑 환경인지 구분하는 훅(hook)을 만드는 방법에 대해 소개합니다. 모바일과 데스크탑 환경을 왜 구분해야 하는가?여러가지 이유가 있겠지만, 저의 경우 CSS의 hover 때문에 구분이 필요했습니다. 모바일 환경에서는 터치를 시작(touch start)했거나 터치를 하는 중(touch)이거나 터치를 끝냈거나(touche end)와 같이 3가지 상태를 가지게 됩니다. 데스크탑 환경에서와 같이 hover가 존재하지 않기 때문에, 모바일에서는 hover 값이 정상적으로 먹히지 않습니다. 따라서 저는 구분을 위해 커스텀 훅을 만들어서 사용합니다. 구현 방법CSS 미디어 쿼리를 이용..

React 프로젝트에서 Path Aliasing을 설정하면, 복잡하고 긴 상대 경로 대신 짧고 명확한 경로로 모듈을 import할 수 있습니다. 본 글에서는 Path Aliasing을 설정하는 방법에 대해 설명합니다. Path Aliasing이란?Path Aliasing은 프로젝트 내에서 특정 경로를 별칭(alias)으로 정의하여 import 할 수 있도록 하는 기능입니다. 예를 들어, 아래 코드와 같이 길고 복잡한 경로 대신에import MyComponent from '../../../components/MyComponent';  다음과 같이 짧고 명확하게 코드를 작성할 수 있습니다.import MyComponent from '@components/MyComponent'; Vite에서 Path Alia..

Tailwind CSS는 유틸리티 기반의 CSS 프레임워크로, 개발을 빠르고 쉽게 만들 수 있습니다. 정말 빠르게 개발할 수 있다는 점에서 개인적으로 tailwindcss를 선호하는 편입니다. 본 글에서는 Vite 기반의 React 프로젝트에서 Tailwind CSS를 적용하는 방법에 대해 설명합니다. Vite 프로젝트 생성 및 기본 설정먼저 Vite기반의 React 프로젝트를 생성해야하는데, 아래 글을 참고하시면 좋습니다. Bun 설치 및 React 프로젝트 생성하기Bun은 JavaScript 및 TypeScript 프로젝트를 위한 번들러(bundler)입니다. 본 글에서는 Bun을 이용하여 React 프로젝트를 생성하는 방법에 대해 설명합니다. Bun 설치하기먼저, React 프로젝트를 생성하기 전b..

Bun은 JavaScript 및 TypeScript 프로젝트를 위한 번들러(bundler)입니다. 본 글에서는 Bun을 이용하여 React 프로젝트를 생성하는 방법에 대해 설명합니다. Bun 설치하기먼저, React 프로젝트를 생성하기 전에 Bun을 설치해야 합니다. 본 글에서는 macOS 환경에서 Bun을 설치하는 방법에 대해 소개합니다. 다른 환경에서의 설치 방법은 아래 공식 사이트를 참고해주세요.Bun: https://bun.sh/ brew를 이용하여 Bun을 설치하도록 하겠습니다. 만약, brew가 설치되어 있지 않다면 아래 글을 참고하여 설치를 진행해주시길 바랍니다. MacOS에 Homebrew 설치하기Homebrew란? 리눅스 기반의 OS에서는 apt-get, yum, rpm 등 여러가지 패키..

파이썬 코드(.py 파일)를 실행하려면 파이썬 인터프리터가 필요합니다. 만약 파이썬이 설치되지 않은 시스템에서 파이썬 프로그램을 실행하려면 어떻게 해야 할까요? 이럴 때 PyInstaller를 사용하여 파이썬 코드를 독립 실행 파일(.exe)로 만들어 배포할 수 있습니다. 본 글에서는 PyInstaller를 사용해 파이썬 코드를 윈도우 환경에서 실행 가능한 exe 파일로 만드는 방법에 대해 설명합니다. PyInstaller 설치파이썬 코드를 윈도우 실행파일로 빌드하기 전에, PyInstaller라는 파이썬 패키지를 설치합니다. 설치는 pip를 이용해 쉽게 설치할 수 있습니다. 명령어는 다음과 같습니다.pip install --upgrade pippip install pyinstaller 윈도우 실행파일 ..

파이썬에서 모듈(module)과 패키지(package)는 코드를 구조화하고 재사용성을 높이기 위해 사용하는 중요한 개념입니다. 본 글에서는 모듈과 패키지에 대해 설명합니다. 모듈(module)모듈(module)은 특정 기능과 관련된 함수, 변수, 클래스 등을 하나의 파일에 모아둔 코드의 집합체입니다. 쉽게 말하면, 하나의 .py 파일이 하나의 모듈이 될 수 있습니다. 모듈을 생성하여 코드를 관리하면, 코드의 재사용성이 높아지고 유지보수가 쉬워집니다.# calculator.py: 간단한 계산기 모듈def add(x, y): return x + ydef subtract(x, y): return x - y 이 calculator.py 파일은 하나의 모듈이며, 이를 다른 파일에서 불러와 사용할 수 있..

예외 처리는 예상하지 못한 상황에 대해 프로그램이 비정상적으로 종료되는 것을 막기 위해 사용합니다. 예외 처리를 하는 방법에 대해 궁금하신 분은 아래 글을 참고 바랍니다. Python에서 예외 처리하는 방법 (try ~ except)Python에서 예외 처리(exception handling)는 프로그램 실행 중 발생할 수 있는 오류에 대해 처리하여 프로그램의 비정상 종료를 방지할 수 있습니다. 본 글에서는 try와 except를 사용하여 예외 처리하는bluemiv.tistory.com  때로는 직접 예외를 발생시켜야 할 때가 있으며, 이때 raise 키워드를 사용합니다. 본 글에서는 파이썬에서 예외를 발생시키는 방법에 대해 소개합니다. raise로 예외 발생시키기raise 키워드를 사용하면, 원하는 시..

Python에서 예외 처리(exception handling)는 프로그램 실행 중 발생할 수 있는 오류에 대해 처리하여 프로그램의 비정상 종료를 방지할 수 있습니다. 본 글에서는 try와 except를 사용하여 예외 처리하는 방법에 대해 설명합니다. 예외 처리의 기본 개념프로그래밍을 하다 보면 예상치 못한 오류가 발생할 수 있습니다. 예를 들어, 사용자가 입력한 값을 숫자로 변환하려고 할 때, 숫자가 아닌 값을 입력하면 오류가 발생합니다. 이런 상황에서 예외 처리를 통해 프로그램이 중단되지 않도록 할 수 있습니다. Python에서는 try와 except 블록을 사용하여 예외 처리할 수 있습니다. 아래 코드 예시를 살펴보면,try: number = int(input("숫자를 입력하세요: ")) ..