💻💭🎧🌏

스타일 객체 설정 안쪽 중괄호 부분 : 객체를 의미한다. 바깥쪽 중괄호 부분 : JSX 구문에서 자바스크립트 코드를 설정할 때 쓰는 문법이다. ✅ 컴포넌트의 style 속성에는 배열을 설정할 수 있다. StyleSheet API import {StyleSheet} from 'react-native' 스타일 객체를 style 속성에 설정하는 것 : 인라인 스타일 이 외에도 StyleSheet API를 지정해서 사용할 수 있다. 스타일 객체 생성하는 방법 : StyleSheet의 create 메서드 사용 const styles = StyleSheet.create({ 키_이름1: 스타일_객체1, 키_이름2: 스타일_객체2, ... }) 인라인 스타일과 StyleSheet 스타일의 차이 인라인 스타일 방식 : ..

버튼을 누르면 대화상자가 나타나는 기능 구현하기 버튼 컴포넌트 import react from 'react'; import {SafeAreaView, Alert, Button} from 'react-native'; export default function App() { return ( Alert.alert('home pressed.', 'message')} /> ); } Button 코어 컴포넌트는 onPress 속성을 제공한다. ➡️ 콜백 함수를 지정해야 함. 콜백 함수의 형태 : () => {/* 함수 몸통 */} 리액트 네이티브는 Alert API (Application Programming Interface) 를 제공한다. Alert API 가 제공하는 alert 정적 메서드 : static a..

이번 글에서는 02-1 리액트 네이티브 프레임워크의 작동 원리 / 02-2 JSX 구문 탐구하기 파트를 공부해봅니다 ... 1. 리액트 네이티브 프로젝트 만들기 npx react-native init 프로젝트 디렉토리명 --template react-native-template-typescript 2. npm start ※ 이때 알맞은 프로젝트 디렉토리에서 npm start를 실행하지 않으면 아래와 같은 오류가 발생할 수 있다. npm ERR! code ENOENT npm ERR! syscall open npm ERR! path /Users/parkseyeon/React-Native/package.json npm ERR! errno -2 npm ERR! enoent Could not read packag..

우선순위 큐란? 우선 순위가 가장 높은 데이터를 가장 먼저 삭제하는 자료구조 우선순위 큐는 데이터를 우선순위에 따라 처리하고 싶을 때 사용함. 구현 하는 방법 1) 단순히 리스트를 이용하여 구현 2) 힙(heap)을 이용하여 구현 우선 순위 큐 구현 방식 삽입 시간 삭제 시간 리스트 O(1) O(N) 힙(Heap) O(logN) O(logN) 단순히 N개의 데이터를 힙에 넣었다가 모두 꺼내는 작업은 정렬과 동일하다. 이 경우 시간 복잡도는 O(NlogN) 힙(Heap)의 특징 힙은 완전 이진 트리 자료구조의 일종이다. 힙에서는 항상 루트 노드(root node)를 제거한다. 최소 힙(min heap) 루트 노드가 가장 작은 값을 가진다 따라서 값이 작은 데이터가 우선적으로 제거된다. 최대 힙(max he..