💻💭🎧🌏

문제 https://www.acmicpc.net/problem/11866 11866번: 요세푸스 문제 0 첫째 줄에 N과 K가 빈 칸을 사이에 두고 순서대로 주어진다. (1 ≤ K ≤ N ≤ 1,000) www.acmicpc.net 코드 N,K = map(int,input().split()) que = [0] *(N+1) rear = 0 front = 0 no = 0 temp = 0 def deque()-> int: global front global no x = que[front] front += 1 no -= 1 if front == N: front = 0 return x def enque(y): global rear global no que[rear] = y rear += 1 no += 1 if r..

FlatList 코어 컴포넌트 사용하기 똑같은 컴포넌트를 여러 개 렌더링할 때는 FlatList를 사용하는 것이 속도가 빠르다. import {FlatList} from 'react-native' keyExtractor 속성 item과 index 값이 매개변수인 콜백 함수를 지정해 renderItem에 설정한 콜백 함수가 반환하는 컴포넌트의 key 속성에 설정할 값을 얻음 } keyExtractor={(item, index) => item.id} /> ✅ 화살표 함수는 함수명이 없어도 됨 ✅ id 같은 속성이 없다면 index.toString()을 반환해도 됨 ItemSeparatorComponent 속성 이 속성에 설정한 콜백 함수가 반환하는 컴포넌트를 아이템과 아이템 간의 구분자 역할을 하는 컴포넌트..

문제 https://www.acmicpc.net/problem/17103 17103번: 골드바흐 파티션 첫째 줄에 테스트 케이스의 개수 T (1 ≤ T ≤ 100)가 주어진다. 각 테스트 케이스는 한 줄로 이루어져 있고, 정수 N은 짝수이고, 2 < N ≤ 1,000,000을 만족한다. www.acmicpc.net 코드 #에라토스테네스의 체 array = list[1000000] a = [False, False] + [True]*(999999) for i in range(2,1000000): if a[i]: for j in range(2*i, 1000000, i): a[j] = False t = int(input()) for i in range(t): n = int(input()) sum = 0 x = ..

flex:1 과 height: '100%'의 차이 const styles = StyleSheet.create({ view: { flex: 1, height: '100%', padding: 5, backgroundColor: MD2Colors.lightBlue500, }, text: {fontSize: 20, color: 'white'}, }) flex: 1 ➡️ 형제 요소의 높이가 반영된 부모 컴포넌트의 높이의 여분을 가져옴 height: '100%' ➡️ 형제 요소의 높이와 무관하게 부모 컴포넌트의 높이를 모두 가져옴 ✅루트 view의 Dimensions.get('window').height 와 같은 것 flexDirection 스타일 속성 부모 컴포넌트가 고정일 때 자식 컴포넌트를 자신의 영역에 배치..

문제 https://www.acmicpc.net/problem/11653 11653번: 소인수분해 첫째 줄에 정수 N (1 ≤ N ≤ 10,000,000)이 주어진다. www.acmicpc.net 코드 n = int(input()) if n != 1: while n>1: for i in range(2,n+1): if n%i==0: print(i) n = n//i break 풀이 n(소인수분해 할 정수 N) 에서 i 를 2부터 시작해서 나눈다. n에서 i를 나눈 나머지가 0일 경우 i가 n을 구성하는 소인수에 해당하므로 i를 출력하고 n은 i를 나눈 값으로 변경한다. 그리고 다시 i를 2부터 시작해서 나누는 것을 반복한다. ✅ 처음에 이렇게 풀 생각을 못하고 n에서 소수들만 오름차순으로 나누어서 나머지가 ..

ImageBackground 코어 컴포넌트 사용하기 import {ImageBackground} from 'react-native' ImageBackground 사용법

Platform과 Dimensions API 실행 OS 확인 import {Platform{ from 'react-native' console.log(Platform.OS) ✅ 앱이 실행되는 폰이 안드로이드폰인지 아니면 아이폰인지를 확인한다. ✅ 위의 코드를 실행하면 android 또는 ios 라고 결과가 나온다. Dimension API import {Dimension} from 'react-native' const {width, height} = Dimensions.get('window') ✅ width, height 는 폰을 가로로 회전하더라도 변하지 않는다. 뷰 컴포넌트의 backgroundColor 스타일 속성 ➡️ 이름에 'View' 가 들어간 뷰컴포넌트는 backgroudColor 스타일 속..

스타일 객체 설정 안쪽 중괄호 부분 : 객체를 의미한다. 바깥쪽 중괄호 부분 : 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..

2. 리액트 네이티브 기본 다지기 중 02-3 컴포넌트와 속성 이해하기를 공부해보겠읍니다. (생각보다 한 부분 챕터의 양이 많아서 이번 글부터 제목을 챕터가 아닌 서브 챕터로 바꾸기로 결정...) faker 외부 패키지 설치하기 ➡️ 개발에 필요한 가짜 데이터를 만드는 패키지 npm i faker npm i -D @types/faker ※ npm i faker 로 패키지를 설치할 수 없을 때 faker 패키지 제작자가 패키지를 고의적으로 손상시켜 놓았다고 한다. (자세한 이야기는 모르겠음) 그래서 아래와 같은 코드로 다른 버전의 faker 패키지를 설치하면 된다. npm i -D faker@5 src/data/util.ts 파일에 아래와 같이 작성 export const makeArray = (lengt..