개발새발 개발개발

6-1 React-Native란?React-Native는 페이스북이 개발한 오픈소스 모바일 애플리케이션 프레임워크이다. Android, IOS, Web, UWP용 애플리케이션을 개발하기 위해 사용된다. 6-2 Rn과 ExpoReact-Native 프로젝트를 생성할 때 총 2가지 방법을 제공한다. expo Cli와 react-native Cli가 있는데 이것은 각각의 장점과 단점이 있다. —Expo장점배포하기 편하다.빠르고 간단하게 설치가 가능하다.xCode, Android 스튜디오 없이 본인의 휴대폰으로 테스트 가능하다.단점Java, Kotlin, Objective-C, Swift로 작성이 불가능하다.빌드 파일의 크기가 크다.블루투스 이용불가 —RN장점자기가 원하는 언어로 추가로 작성이 가능하다.(bri..

3-1 MyClass.h#import @interface MyClass : NSObject //instance 선언 { int myAge; NSString *myName; NSString *mySubject; } //property 선언 @property (nonatomic, assign) int myAge; @property (nonatomic, retain) NSString *mySubject; @property (nonatomic, retain) NSString *myName; //instance Method 선언 - (void) myFirstMethod; - (void) setMySubject:(NSString *)subject; - (NSString *) getMySubject; //class ..

2-1 Class.h—선언@interface MyClass : NSObject //insert here... @end→ @interface와 @end 사이에 클래스안에 넣을 변수나 생성자 메서드를 삽입하면 된다. —인스턴스 변수@interface MyClass : NSObject //instance { int myAge; NSString *myName; NSString *mySubject; } @end→ 현재 클래스 안에는 myAge란 정수형 변수와 myName, mySubject라는 문자형 변수 2개를 가지고 있다. —property@interface MyClass : NSObject //instance { int myAge; NSString *myName; NSString *mySubject; } /..

출처 https://programmers.co.kr/learn/courses/30/lessons/17682 ❓문제 설명카카오톡에 뜬 네 번째 별! 심심할 땐? 카카오톡 게임별~ https://programmers.co.kr/learn/courses/30/lessons/17682카카오톡 게임별의 하반기 신규 서비스로 다트 게임을 출시하기로 했다. 다트 게임은 다트판에 다트를 세 차례 던져 그 점수의 합계로 실력을 겨루는 게임으로, 모두가 간단히 즐길 수 있다. 갓 입사한 무지는 코딩 실력을 인정받아 게임의 핵심 부분인 점수 계산 로직을 맡게 되었다. 다트 게임의 점수 계산 로직은 아래와 같다.다트 게임은 총 3번의 기회로 구성된다.각 기회마다 얻을 수 있는 점수는 0점에서 10점까지이다.점수와 함께 Sin..

1-1 개요Objective-C는 프로그래밍 언어에 스몰토크 스타일의 메시지 구문을 추가한 객체지향 언어이다. Swift가 만들어지기 이전에 애플의 매킨토시의 OS인 OSX와 아이폰의 운영체제인 IOS에서 사용되었다. 원래는 배울 생각이 전혀 없었는데 회사에서 Objective-C 기반의 코드를 Swift로 변환을 해야된다고 그래서 공부를 하기로 결심했다. IOS를 개발하면서 나쁠건 없다고 생각하기 때문에 포스팅을 시작하려고 한다. 1-2 NSLogconsole에 출력하는 함수이다.NSLog(@"포맷문자", 인자)로 사용하면 된다. 포맷문자는 C언어랑 똑같다. 정수형 : %d, %u(unsigend), %ld, %lu(unsigned)실수형 : %f, %e(지수형)16진수, 8진수 : %x, %o객체형 ..

5-1 개요전 시간까지 가장 보편적이고 많이 쓰이는 Hook을 알아보았습니다. 이제는 그 외에 Hook함수들을 공부하면서 React Hook을 마무리 짓는 시간을 갖겠습니다.5-2 useContext()컴포넌트 외부 어딘가에 존재하는 context 객체(React.reactContext)를 받아 그 context의 현재 상태(state)를 변환한다.💡context : App이나 객체의 현재 상태를 나타내주는 역할context의 상태는 useContext Hook을 호출하는 컴포넌트를 감싸고 있는 Provider의 value prop에 의해 결정된다.const value = useContext(MyContext);컴포넌트에서 가장 가까운 Provider가 갱신(렌더링)되면 useContext Hook은 M..

4-1 목적리액트를 이용해서 개발을 하게되면 가장 중요한 요소 중 하나가 렌더링 호출 시점입니다. 불필요한 렌더링이 발생하게되면 그만큼의 시간이 계속 낭비하게 되고 효율성이 떨어져 사용자에게 불편함을 느끼게 할 수 있습니다. 이 때 불필요한 리렌더링을 방지하기 위해 useCallback과 React.Memo를 사용하게 되는데 언제 어떤식으로 사용하는지 알아보겠습니다. 4-2 ReferenceReact.memo와 useCallback()을 공부하기 전에 참조라는 개념을 알아야 더욱 이해하기 쉽기 때문에 한번 짚고 넘어가겠습니다. pass by reference : 한쪽에 커피를 채우면 다른 한쪽에도 동일한 커피가 채워진다.(얕은 복사)pass by value : 실제로 새로운 컵이 생겨난 것이기 때문에 한..

출처 https://programmers.co.kr/learn/courses/30/lessons/42889 ❓Question슈퍼 게임 개발자 오렐리는 큰 고민에 빠졌다. 그녀가 만든 프랜즈 오천성이 대성공을 거뒀지만, 요즘 신규 사용자의 수가 급감한 것이다. 원인은 신규 사용자와 기존 사용자 사이에 스테이지 차이가 너무 큰 것이 문제였다. 이 문제를 어떻게 할까 고민 한 그녀는 동적으로 게임 시간을 늘려서 난이도를 조절하기로 했다. 역시 슈퍼 개발자라 대부분의 로직은 쉽게 구현했지만, 실패율을 구하는 부분에서 위기에 빠지고 말았다. 오렐리를 위해 실패율을 구하는 코드를 완성하라. 실패율은 다음과 같이 정의한다. 스테이지에 도달했으나 아직 클리어하지 못한 플레이어의 수 / 스테이지에 도달한 플레이어 수 전..

출처https://programmers.co.kr/learn/courses/30/lessons/17681 ❓Question네오는 평소 프로도가 비상금을 숨겨놓는 장소를 알려줄 비밀지도를 손에 넣었다. 그런데 이 비밀지도는 숫자로 암호화되어 있어 위치를 확인하기 위해서는 암호를 해독해야 한다. 다행히 지도 암호를 해독할 방법을 적어놓은 메모도 함께 발견했다. 지도는 한 변의 길이가 n인 정사각형 배열 형태로, 각 칸은 공백(" ) 또는벽(#") 두 종류로 이루어져 있다. 전체 지도는 두 장의 지도를 겹쳐서 얻을 수 있다. 각각 지도 1과 지도 2라고 하자. 지도 1 또는 지도 2 중 어느 하나라도 벽인 부분은 전체 지도에서도 벽이다. 지도 1과 지도 2에서 모두 공백인 부분은 전체 지도에서도 공백이다. 지..

3-1 Hook이란?함수형 컴포넌트에서 State와 생명주기(Life Cycle)을 연동(hooking)한 함수입니다.Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있습니다.기존의 class형 컴포넌트도 사용은 가능하지만 가급적으로 새로 만드는 프로젝트는 Hook으로 사용하길 권장하고 있기 때문에 우리는 React, React-Native를 배우기전에 Hook을 공부할 필요가 있습니다. https://levelup.gitconnected.com/an-introduction-to-react-hooks-50281fd961fe 3-2 React Hook을 사용하는 이유기존 React에서는 State와 관련된 로직을 재사용하기 어렵다.로직을 재사용하기 위해 Compon..