개발새발 개발개발

1. ButtonReact Native에서 버튼 컴포넌트를 만들어주는 키워드이다. —Exampleimport React from 'react'; import {View, StyleSheet, Button, SafeAreaView, Alert, Text} from 'react-native'; const Separator = () => ( ); const App = () => ( The title and onPress handler are required. It is recommended to set accessibilityLabel to help make your app usable by everyone. Alert.alert("Simple Button pressed")} /> Adjust the colo..

출처 https://programmers.co.kr/learn/courses/30/lessons/42587 ❓Question일반적인 프린터는 인쇄 요청이 들어온 순서대로 인쇄합니다. 그렇기 때문에 중요한 문서가 나중에 인쇄될 수 있습니다. 이런 문제를 보완하기 위해 중요도가 높은 문서를 먼저 인쇄하는 프린터를 개발했습니다. 이 새롭게 개발한 프린터는 아래와 같은 방식으로 인쇄 작업을 수행합니다.인쇄 대기목록의 가장 앞에 있는 문서(J)를 대기목록에서 꺼냅니다.나머지 인쇄 대기목록에서 J보다 중요도가 높은 문서가 한 개라도 존재하면 J를 대기목록의 가장 마지막에 넣습니다.그렇지 않으면 J를 인쇄합니다. 예를 들어, 4개의 문서(A, B, C, D)가 순서대로 인쇄 대기목록에 있고 중요도가 2 1 3 2 라..

출처 https://programmers.co.kr/learn/courses/30/lessons/42583 ❓Question 트럭 여러 대가 강을 가로지르는 일 차선 다리를 정해진 순으로 건너려 합니다. 모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 알아내야 합니다. 트럭은 1초에 1만큼 움직이며, 다리 길이는 bridge_length이고 다리는 무게 weight까지 견딥니다.※ 트럭이 다리에 완전히 오르지 않은 경우, 이 트럭의 무게는 고려하지 않습니다.예를 들어, 길이가 2이고 10kg 무게를 견디는 다리가 있습니다. 무게가 [7, 4, 5, 6]kg인 트럭이 순서대로 최단 시간 안에 다리를 건너려면 다음과 같이 건너야 합니다. Example경과 시간다리를 지난 트럭다리를 건너는 트럭대기트럭0[..

1. TextText는 텍스트를 표현하기 위한 컴포넌트이다. React-Native에서 기본적으로 제공하는 컴포넌트에서는 Text와 TextInput을 사용해야지 텍스트를 삽입 가능하기 때문에 필수적인 컴포넌트 중 하나이다. —Exampleimport React from 'react'; import {View, StyleSheet, Text} from 'react-native'; const App = () => { return ( I am bold and red ); }; const styles = StyleSheet.create({ container: { flex: 1, alignItems: 'center', justifyContent: 'center' }, baseText: { fontWeight: ..

출처https://programmers.co.kr/learn/courses/30/lessons/12899 ❓Question—문제 설명124 나라가 있습니다. 124 나라에서는 10진법이 아닌 다음과 같은 자신들만의 규칙으로 수를 표현합니다.124 나라에는 자연수만 존재합니다.124 나라에는 모든 수를 표현할 때 1, 2, 4만 사용합니다.예를 들어서 124 나라에서 사용하는 숫자는 다음과 같이 변환됩니다. 124 나라 숫자10진법124나라1122344115126147218229241041자연수 n이 매개변수로 주어질 때, n을 124 나라에서 사용하는 숫자로 바꾼 값을 return 하도록 solution 함수를 완성해 주세요. —제한사항n은 500,000,000이하의 자연수 입니다. —입출력 예nresu..

1. Image —sourceimport React from 'react'; import {View, StyleSheet, Image} from 'react-native'; const App = () => { return ( ) } const styles = StyleSheet.create({ container: { flex : 1, backgroundColor: '#eee', justifyContent: 'center', alignItems: 'center' }, image1: { width: 200, height: 200, }, image2: { width: 50, height: 50, marginTop: 50 } }); export default App; require : 폴더에서 가져오는 경우 사..

10-1 개요padding과 margin은 레이아웃을 할 때 공백을 어느정도 줄껀지를 설정하는 함수이다.여백을 너무 많이주거나 적게 주게되면 App의 디자인에 문제가 생긴다.적절한 여백을 통해서 깔끔한 App 디자인을 만들어야 되는데 이 때 중요한 요소가 바로 padding과 margin이다. https://medium.com/frontendshortcut/margin-vs-padding-c1fc8ea8bfaf 10-2 Marginmargin은 부모컴포넌트나 같은 부모 컴포넌트 안에 있는 자식들과의 여백을 지정하는데 사용한다. —Exampleimport React from 'react'; import {Text, View, StyleSheet, SafeAreaView} from 'react-native'..

출처 https://programmers.co.kr/learn/courses/30/lessons/49993 ❓Question—문제 설명 선행 스킬이란 어떤 스킬을 배우기 전에 먼저 배워야 하는 스킬을 뜻합니다.예를 들어 선행 스킬 순서가 스파크 → 라이트닝 볼트 → 썬더일때, 썬더를 배우려면 먼저 라이트닝 볼트를 배워야 하고, 라이트닝 볼트를 배우려면 먼저 스파크를 배워야 합니다.위 순서에 없는 다른 스킬(힐링 등)은 순서에 상관없이 배울 수 있습니다. 따라서 스파크 → 힐링 → 라이트닝 볼트 → 썬더와 같은 스킬트리는 가능하지만, 썬더 → 스파크나 라이트닝 볼트 → 스파크 → 힐링 → 썬더와 같은 스킬트리는 불가능합니다.선행 스킬 순서 skill과 유저들이 만든 스킬트리1를 담은 배열 skill_tre..

4-1 개요함수를 진행한 뒤에 클래스를 하는 것이 맞았는데 거꾸로 포스팅을 한 것 같다.Objective C의 함수는 C언어와 거의 유사한 구조를 가지고 있다. 4-2 함수 선언#import @interface MyClass : NSObject //instance { int myAge; NSString *myName; NSString *mySubject; } //property @property (nonatomic, assign) int myAge; @property (nonatomic, retain) NSString *myName; @property (nonatomic, retain) NSString *mySubject; //instanceMethod - (void) instanceMethod; - (..

9-1 Layout DirectionLayout Directiondms 계층 구조에서 자식요소와 텍스트가 배치되어야 하는 방향을 지정한다.레이아웃의 방향은 양끝을 나타내는 start와 end를 통해 나타내는데 기본적으로 React Native는 LTR 레이아웃 방향으로 되어있다. LTR 모드에서는 start는 왼쪽 끝을 의미하고 end는 오른쪽 끝을 의미한다. LTR(default) : 텍스트와 자식 요소들이 왼쪽에서 오른쪽으로 배치된다. margin과 padding 속성도 왼쪽에 적용이 된다.RTL : 텍스트와 자식 요소들이 오른쪽에서 왼쪽으로 배치된다. margin과 padding 속성도 오른쪽에서 왼쪽으로 적용이 된다. 9-2 justifyContent자식 컴포넌트를 부모 컴포넌트 flexDirec..