Per ardua ad astra.

클릭 시, 리플 효과(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@ 속성을 추가하여 요소 클릭..

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)를..

ADB(Android Debug Bridge)를 이용하여 컴퓨터와 안드로이드 장치 연결하기들어가며안드로이드 장치를 루팅(Rooting) 하지 않고, ADB를 이용하여 컴퓨터에서 간단하게 안드로이드 기기의 설정을 변경해줄 수 있다. 방법① 사전 작업컴퓨터와 안드로이드 장치를 연결하기 전에 몇 가지 작업을 해준다. 컴퓨터와 안드로이드 장치 모두 동일한 WIFI에 연결시키기컴퓨터와 안드로이드 장치를 모두 동일한 WIFI에 연결시켜준다.안드로이드 장치를 USB 케이블이 아닌 무선으로 연결시키기 위해서이다.WIFI가 아닌 USB 케이블로도 컴퓨터와 안드로이드 장치를 연결할 수도 있는데, 이럴 경우 이 과정을 생략해도 된다. 안드로이드 장치의 [개발자 도구]에서 USB 디버깅 모드 설정해주기안드로이드 장치의 @[개..

프론트엔드(Frontend) vs. 백엔드(Backend) 프론트엔드(Frontend) 개념 백엔드의 완전한 분리 구조를 지향하는 업무 스타일의 개발 방식으로 프론트 단의 비즈니스 로직과 사용자 영역의 개발을 담당하는 사람 백엔드 API에서 가져온 데이터의 출력, 입력을 통한 비즈니스 로직 구성과 사용자와 대화하는 사용자 인터페이스 부분을 작업하는 개발자 프론트앤드 개발자는 프론트 영역 전반과 서버에 대한 이해력을 필요로 한다. 일단 보내온 데이터를 가지고 브라우저 화면에 띄워주면 되기 때문에 흔히 말하는 '사용자 인터페이스(UI)', '사용자 경험(UX)'가 매우 중요하다. MVC에서 View가 프론트엔드가 관여하는 부분이다. 기술 스택 로드맵 백엔드(Backend) 개념 프론트엔드, 백엔드의 완전한 ..