Per ardua ad astra.

다이얼로그(Dialog)들어가며PyQt에서 다이얼로그(Dialog)의 의미와 종류를 간단하게 정리해본다. 다이얼로그(Dialog)개념사용자와 상호작용하기 위해 나타나는 별개의 창일반적으로 다이얼로그는 사용자로부터 입력을 받거나, 확인 및 경고 메시지를 표시하는 데 사용된다. 종류PyQt에서는 주로 @QDialog@ 클래스를 사용하여 다이얼로그를 구현한다.PyQt에서 다이얼로그는 다음과 같은 2가지 형태로 제공된다. 1️⃣ 모달 다이얼로그(Modal Dialog)사용자에게 해당 창과 상호작용을 완료하기 전까지는 다른 창과의 상호작용을 허용하지 않는다.@exec_()@ 메서드를 호출하여 표시하며, 사용자가 다이얼로그를 닫기 전까지 다른 창과의 상호작용을 차단한다. 2️⃣ 모델리스(비모달) 다이얼로그(Mode..

카메라 권한 요청 메시지 표시 방법 (Expo)들어가며엑스포(Expo)를 이용하여 생성한 리액트 네이티브(React Native) 프로젝트에서 카메라 권한 요청 메시지를 표시하는 방법을 정리해본다. 방법패키지 설치터미널에서 아래 명령을 실행하여 @expo-camera@ 패키지를 설치해준다.$ npx expo install expo-camera 앱 설정 파일 구성하기  (@app.json@)프로젝트의 최상단에 있는 앱 설정 파일(@app.json@)에 아래의 내용을 추가해준다. /app.json{ "expo": { "plugins": [ [ "expo-camera", { "cameraPermission": "Allow $(PRODUCT_NAME) t..

클립보드 기능 구현하기 (expo-clipboard)들어가며엑스포(Expo)를 이용하여 생성한 리액트 네이티브(React Native) 프로젝트에서 클립보드(Clipboard) 기능을 구현하는 방법을 정리해본다. 방법간단하게 @expo-clipboard@ 패키지를 설치하여 클립보드 기능을 구현할 수 있다. expo-clipboard 패키지 설치하기$ npx expo install expo-clipboard 사용하기클립보드에 복사할 때는 @Clipboard.setStringAsync()@ 함수를 사용하고, 클립보드에 있는(복사된) 값을 가져올 때는 @fetchCopiedText()@ 함수를 사용한다.import { useState } from 'react';import { View, Text, Button..

blurOnSubmit 속성과 submitBehavior 속성들어가며리액트 네이티브(React Native)의 @TextInput@ 컴포넌트에서 사용할 수 있는 @blurOnSubmit@ 속성과 @submitBehavior@ 속성에 대해 정리해본다. blurOnSubmit 속성개념우선 @blurOnSubmit@ 속성은 다음과 같이 @TextInput@ 컴포넌트에서 사용할 수 있다. { setIsFocused(false); Keyboard.dismiss(); }}/> @blurOnSubmit@ 속성은 @TextInput@ 창 텍스트를 입력하고, 엔터(Enter) 버튼을 누르면 입력한 텍스트가 제출(Submit)되도록 해주는 속성이다.따라서 텍스트 필드가 블러 처리되게 된다.기본값은..

TailwindCSS IntelliSense 활성화하기 (VS Code)들어가며VS Code에서 리액트 네이티브(React Native)를 이용하여 애플리케이션을 만들 때, TailwindCSS IntelliSense를 활성화 시키는 방법을 정리해본다. 방법(1) Tailwind CSS IntelliSense 확장 설치하기VS Code에서 Tailwind CSS IntelliSense 확장을 설치한다. Tailwind CSS IntelliSense - Visual Studio MarketplaceExtension for Visual Studio Code - Intelligent Tailwind CSS tooling for VS Codemarketplace.visualstudio.com (2) Tailwi..

리액트 애플리케이션 테스트 환경 구축하기 (Vite, TypeScript, React)들어가며Vite, TypeScript, React를 이용하여 프로젝트 템플릿을 생성하고, 리액트 애플리케이션 테스트 환경을 구축하는 방법을 정리해본다. 방법1️⃣ 프로젝트 생성하기Vite 프로젝트 설정하기프로젝트 이름을 설정한다.@React@와 @TypeScript@를 선택한다.$ npm create vite@latest 의존성 설치하기아래의 명령을 실행하여 패키지를 설치한 후, 실행해본다.$ npm install$ npm run dev 2️⃣ Vite 환경에서 테스트 설정하기Vitest 설치하기아래의 명령을 실행하여 Vitest를 설치한다.$ npm install -D vitest VitestVite 기반의 빠르고 간..

소프트웨어 테스트 방법들어가며다양한 소프트웨어 테스트 방법을 간단하게 정리해본다. ① 단위 테스트(Unit Test)개념애플리케이션의 가장 작은 단위(메서드, 함수, 클래스 등)를 독립적으로 테스트하는 방법단일 모듈, 함수, 메서드를 개별적으로 검증외부 종속성(DB, 네트워크 등)을 배제하기 위해 Mocking(모의 객체) 활용빠르게 실행되며, 개발 초기에 버그를 쉽게 잡을 수 있다. 예시@add(2, 3)@ 함수가 @5@를 반환하는지 확인하기import unittestdef add(a, b): return a + bclass TestMathOperations(unittest.TestCase): def test_add(self): self.assertEqual(add(2, 3), ..

압축 해제 시 "파일 이름이나 확장명이 너무 깁니다" 문제 해결 방법들어가며웹 개발 프로젝트 폴더를 압축한 후, 압축 해제를 할 때, "파일 이름이나 확장명이 너무 깁니다" 와 같은 오류로 인해 실패하는 경우가 있다.윈도우(Windows)에서 '경로 + 파일 이름 + 확장자'의 최대 길이가 260자이기 때문에 발생하는 문제이다.이때, 이 문제를 해결하는 방법을 정리해본다. 방법① 에서 길이 제한 해제하기@[Window]@ + @[R]@ 키를 눌러 실행창을 띄운 후, @regedit@을 실행한다. 레지스트리 편집기에서 아래의 경로로 이동한다.컴퓨터\HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\FileSystem @LongPathsEnabled@ 값을 @1@로..

정규화 방법 정리 (1NF, 2NF, 3NF, BCNF, 4NF, 5NF)들어가며데이터베이스의 정규화 방법을 정리해본다. 용어 정리속성(Attribute) : 테이블의 컬럼(Column)키(Key) : 한 행(Row)을 고유하게 식별할 수 있는 속성 (또는 속성들의 집합)기본키(Primary Key) : 테이블을 대표하는 유일한 키후보키(Candidate Key) : 기본키가 될 수 있는 모든 키기본키는 후보키 중에서 선택한 하나의 키이다.후보키는 슈퍼키 중에서 최소성을 만족하는 키이다.슈퍼키(Super Key) : 유일성은 만족하지만 최소성은 만족하지 않을 수 있는 키유일성(Uniqueness)특정 속성(또는 속성들의 조합)이 중복되지 않고 고유한 값을 가져야 하는 성질유일성을 보장하기 위해 기본키(P..

정규화(Normalization), 반정규화(Denormalization), 이상(Anomaly)들어가며데이터베이스에서 정규화(Normalization)와 반정규화(Denormalization), 이상(Anomaly)에 대해 정리해본다. 정규화(Normalization)개념데이터의 중복을 최소화하고, 이상 현상(Anomalies)을 방지하기 위해 데이터베이스 테이블을 구조화하는 과정1차 정규형(1NF), 2NF, 3NF, BCNF, 4NF, 5NF 등의 정규형이 있다. 장점중복된 데이터가 적어져 갱신이나 삭제 시 한 번만 변경해도 일관성이 유지된다.동일한 데이터를 여러 곳에 보관하지 않아도 되어 저장 공간을 절약할 수 있다.테이블 구조가 잘 정리되어 있어 갱신 이상, 삭제 이상, 삽입 이상 같은 문제들을..