Per ardua ad astra.

컴포넌트 클릭 시, 최상단으로 스크롤 되는 현상 막는 방법들어가며Next.js의 @@ 컴포넌트를 클릭하면, 기본적으로 화면의 최상단으로 스크롤이 된다.이러한 현상을 막는 방법을 정리해본다. 방법간단하다. 다음과 같이 @@ 컴포넌트의 @scroll@ 속성의 값을 @false@로 지정해주면 된다.import Link from 'next/link'; Move 참고 사이트 | Next.js" data-og-description="Enable fast client-side navigation with the built-in `next/link` component." data-og-host="nextjs.org" data-og-source-url="https://nextjs.org/docs/app/api-refe..

클릭 시, 리플 효과(Ripple Effect) 주는 방법들어가며리액트 네이티브(React Native)에서 요소 클릭 시, 리플 효과(Ripple Effect)를 줄 수 있는 방법을 정리해본다. 방법우선 특정 요소에 클릭 이벤트를 넣기 위해서는 @Pressable@ 컴포넌트로 해당 요소를 감싸줘야 한다.import { View, Text, Pressable } from 'react-native';function MyComponent(props) { return ( {/* 클릭 효과를 넣을 요소를 감싸준다. */} {props.text} );} Android OS@Pressable@ 컴포넌트에 @android_ripple@ 속성을 추가하여 요소 클릭..

FlatList들어가며리액트 네이티브(React Native)의 @FlatList@ 컴포넌트에 대해 정리해본다. FlatList개념효율적으로 대량의 스크롤 가능한 항목을 렌더링하기 위해 사용되는 컴포넌트최적화된 가상 스크롤링 기능을 제공하여 성능 문제를 줄이고, 스크롤 시 필요한 항목만 렌더링한다.@ScrollView@ 컴포넌트와의 차이점 주요 속성속성설명@data@- 렌더링할 데이터 배열(Array)을 전달- 배열의 각 요소는 렌더링될 항목의 데이터@renderItem@- 데이터를 어떻게 렌더링할지 정의하는 함수- 매개변수로 @{ item, index }@ 형태의 객체를 받는다.@keyExtractor@- 각 항목의 고유 키를 반환하는 함수- 기본적으로 @item.key@ 또는 @item.id@를 사용..

환경 변수 타입 설정하기들어가며타입스크립트에서 환경 변수(Environment Variable)에 타입 오류가 발생하지 않도록 타입을 설정하는 방법을 정리해본다. 방법다음과 같은 환경 변수 파일이 있다고 해보자.이제 이 환경 변수를 프로젝트 내의 다른 파일에서 불러와서 사용해볼 것이다. (Next.js 프레임워크 사용).env.localNEXT_PUBLIC_API_KEY="="***********"NEXT_PUBLIC_SPACE_ID="**************************" (1) @!@(Non-Null Assertion) 연산자 사용하기@!@를 사용하여 값이 @undefined@가 아님을 타입스크립트에 명시한다.하지만 이 방법은 해당 환경 변수가 존재하지 않을 경우, 런타임 에러가 발생한다는..

ADB(Android Debug Bridge) 명령어 정리들어가며ADB(Android Debug Bridge) 명령어를 정리해본다. 명령어 사용 전 주의 사항안드로이드 기기의 @[설정]@에서 @[개발자 도구]@를 활성화 시킨 후, @USB 디버깅@을 활성화 해줘야 한다.PC에 Android SDK Platform-Tools를 설치해야 한다.안드로이드 스튜디오(Android Studio)를 설치할 경우, 함께 설치된다. SDK 플랫폼 도구 출시 노트  |  Android Studio  |  Android DevelopersAndroid SDK 플랫폼 도구는 Android SDK의 구성요소입니다.developer.android.com 명령어기본 명령어명령어설명@adb devices@연결된 안드로이드 기기 목..

VS Code에서 명령어로 안드로이드 에뮬레이터 실행 방법들어가며안드로이드 에뮬레이터를 실행하려면 안드로이드 스튜디오를 실행한 후, 직접 가상 에뮬레이터를 실행시켜줘야 한다.안드로이드 스튜디오를 실행시킬 필요 없이, 비주얼 스튜디오 코드(VS Code) 터미널에서 명령어로 안드로이드 에뮬레이터를 실행시킬 수 있는 방법을 정리해본다. 방법Windows@[환경 변수]@의 @[시스템 변수]@에서 @Path@ 항목을 선택하고 아래의 경로를 추가해준다.C:\Users\\AppData\Local\Android\Sdk\emulator 설치된 가상 장치 목록을 확인한다.$ emulator -list-avds 에뮬레이터를 실행한다.$ emulator -avd  @AVD_NAME@에 실행시키고자 하는 가상 장치 이름을 넣..

adb 명령어 실행 방법 (adb: command not found 문제 해결법)들어가며터미널에 @adb@ 관련 명령을 실행했을 때 다음과 같은 오류가 발생할 경우 해결하는 방법을 정리해본다.$ adb --versionbash: adb: command not found  ADB(Android Debug Bridge)개념안드로이드 기기와 컴퓨터 간의 연결을 관리하고 디버깅 작업을 수행할 수 있게 해주는 명령줄(CLI) 도구안드로이드 개발 과정에서 필수적으로 사용되며, 아래와 같은 작업에 사용된다.☑️ 안드로이드 기기와의 통신☑️ 앱 설치 및 테스트☑️ 디버깅 ☑️ 파일 전송 ☑️ 쉘 명령 실행☑️ 포트 포워딩ADB는 Android SDK에 포함되어 있으며, 안드로이드 스튜디오(Android Studio)를..