분류 전체보기 (150) 썸네일형 리스트형 [react-native] SafeAreaView의 높이를 어케 구할까?(ios) 아이폰 x 이후 모델은 디스플레이 상단에 노치가 있다 개발을 하는데 있어서 노치를 신경 안쓰다가 자칫 잘못하면 기껏 만들어 놓은 ui가 가려 질 수있다 왜냐하면 기본적인 height는 노치와 하단 home indicator를 포함한 높이기 때문에 사용 범위 보다 크게잡히기 때문이다 그래서 SafeAreaView를 사용하게 되는데 나같은 경우 컨테이너의 크기가 자꾸 safearea보다 작아지길래 강제로 높이 설정을 해주었다 내 실력탓이다 그치만 잘 해결됐다 알아보자 먼저 스크린의 크기를 구해 보자 Dimension을 import import { Dimensions, } from 'react-native'; 스크린의 높이와 너비를 알 수 있다 let ScreenWidth = Dimensions.get('wi.. [react-native] 키보드를 띄우면 input창을 가리지 않게 해보자 (KeyboardAwareScrollView) 회원가입창을 만드는데 페이지가 길어서 키보드를 누르면 화면을 가리게 된다 해결 해보자 앱은 성가시다 다음과 같이 맹글었다 키보드를 올리게 되면 다음과 같이 덮어 진다 . 겹치지 않으며 현재 선택 한 input창에 포커싱이 되게 해보자 먼저 react-native-keyboard-aware-scroll-view 모듈을 받아주자 npm i react-native-keyboard-aware-scroll-view --save github.com/APSL/react-native-keyboard-aware-scroll-view import 문 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view' 본문 내용을 Keyboard.. [react-native] 버튼을 누르면 alert 창을 띄워보자(ios) 기존 하던 프로젝트를 이제 앱으로 만들기로 했다 react-native 처음 만져봤다 react와 똑같이 class형과 functional형이 있는데 난 class형을 사용했다 버튼을 누른 후 alert창이 뜨게 하고 싶다 우선 버튼을 만들자 (react와 비슷한점이 많다) //title : 표시 될 문자 //onPress가 버튼을 눌렀을 때의 이벤트이다 react와 조끔 다르니까 주의하자 아이폰스러운 버튼이다 RN(react-native)에서 제공해주는 api 를 사용해보자 import { View, StyleSheet, Button, Alert } from "react-native"; Alert api를 가져온다 onPress 이벤트 발생 시 실행되는 함수를 만들자 goAlert = () => Ale.. [git] github에서 협력하여 작업해보자 (organization) 개인의 repository에 여러명이 짠 코드를 복붙으로 합친다면 너무 비효율적이다 내가그랬다 팀원과 협력하여 github에서 작업해 보자 우선 github에 Oragnization이라는 계정을 만들어야 한다 여러 명이 같은 프로젝트를 관리하는 데 사용하는 그룹 계정이고 사람들을 서브 그룹을 나누어 관리할수 도있다 github 로 로그인 후 위화면에서 create organization으로 쉽게 계정을 만들수있다 모두의 작업공간이다 팀원이 필요하다 추가를 해보자 View organization을 들어가면 People 클릭 우측 Invite member 클릭 초대할 친구의 email을 입력 후 수락을 할 시 멤버들이 뜬다 든든하다 여기에 repository를 만든다면 공동계정(organization)에 작.. [javascript] 비동기 처리를 알아보자 ② (promise, Async&await) callback 함수를 통해 비동기 처리를 알아 보았다 하지만 너무 복잡하다 보다 편한 방법을 살펴보자 PROMISE -- javascript에서 비동기적으로 실행하는 작업의 결과 (성공 or 실패)를 나타내는 객체 -- new 객체로 만들 수 있다, excutor라는 함수를 인자로 받고 매개변수에는 solve 함수와 reject 함수를 둘 수 있다 비동기 작업이 끝낸 후 성공 했을 시 solve 함수 실패시 reject 함수를 사용한다 바로 예시를 보자1 let timeAttack = new Promise(function (resolve, reject) { // new Promise 생성 setTimeout(function() { let random = Math.random() * 10; if(rand.. [javascript] 비동기 처리를 알아보자 ① (callback 함수) 동기/비동기 대충 야매로 개념만 알고 있었다 정확한 사용 이유와 처리 방법은 잘 몰른다 제대로 알아보자 javascript는 싱글스레드라 두 가지 작업을 동시에 실행 할 수 없다 동기처리와 비동기 처리가 있는데 Synchronous : 동기 ASynchronous : 비동기 동기처리는 작업 요청과 동시에 일을 처리한다 이와 달리 비동기처리는 작업은 요청하지만 그 자리에서 바로 안 해주도 된다 예를 들어 커피집에 손님들이 줄을 서고 앞사람이 커피를 받고나서 다음 사람 받을수 있는게 동기처리이고 주문은 차례차례 받고 커피는 만들어지는데로 받을 수 있는건 비동기 처리다 다음과 같은 코드가 있다 console.log(1); // 숫자 1찍기 setTimeout(()=>{ // 0초 뒤 숫자 2찍기 console.. [git] github에서 branch를 사용해서 가지를 쳐보자 언제 까지 master에만 때려박을순 없다 branch를 알아보자 branch는 말그대로 가지이다 기존 master에서 작업 하던 거에서 branch를 뻗어 작업 한 후 좋다 싶으면 합치고 아니다 싶으면 삭제 하면 되는 기능이다 1. 브랜치 만들기 git branch branch1 branch1이라는 브랜치를 만들어 줬다 git branch 를 사용하면 현재 브랜치 목록을 볼 수 있다 *가 붙어있으면 현재 선택된 브랜치 2. 브랜치 선택하기 "branch1"이라는 이름을 만들어 줬으면 임마를 사용하겠다는 명시가 필요하다 checkout 을 사용한다 git checkout branch1 요롷게 head포인터가 branch1을 가리킨다 git checkout -b abcdefg// 브랜치명 을해주면 브랜치 .. [git] github에 나의 프로젝트를 업로드 해보자 github에 저장소를 만들었다면 이제 넣어보자 참고: victorydntmd.tistory.com/53 우선 git이 설치 돼있는지 확인하자 cmd창에 git --version 으로 버전 확인. 설치가 안돼있다면 ->git-scm.com/downloads 고고 local repository는 자신의 PC에서 작업공간! remote repository는 github에 있는 공간! 기본 명령어: git init : 새로운 local repository 생성 git add : 변경된 파일 storage에 추가 git commit : add한 파일을 local repository에 저장 git push : local repository 를 remote repository에 업로드 git저장 과정: 출처:med.. 이전 1 ··· 12 13 14 15 16 17 18 19 다음
