본문 바로가기

분류 전체보기

expo https://expo.io/https://facebook.github.io/react-native/blog/2017/03/13/introducing-create-react-native-app.html npm install -g exp && exp path 앞으로 만들 때 expo xde에서 만든다.project -> new project 더보기
what is rct in react native (xcode or ios) https://facebook.github.io/react-native/docs/native-modules-ios.html RCT 는 ReaCT 의 줄임말임 RCTCameraRoll.xcodeprojRCTPushNotification.xcodeproj platform(ex. iOS) API 에 접근할 필요가 있을 때 아직 react-native 에서 제공하지 않는다거나, 기존에 만들었던게 있으면 새로 module을 만들어 사용하면 된다.리액트 네이티브에서 말하길. 필요한게 아직 없다면, you should be able to build it yourself! 난 안 만들래.. 더보기
color-blend-mode https://github.com/ProjectSeptemberInc/gl-react-native 더보기
full size image background 효과 return ( ddd ddd ddd ddd )const styles = { containerStyle: { flex:1, backgroundColor: 'transparent' }, backgroundImage: { position: 'absolute', top: 0, right: 0, bottom: 0, left: 0, opacity: 0.2, width: null, height: null, resizeMode: 'stretch', } }; 스타일 값 밖으로 빼야함. 코드 테스트 하느라 정리 안함.View에 backgroundColor transparent 안 주면, scrollview 내용 배경색이 흰색됨.width, heigth null 안주면 사진이 계속 원래 사이즈와 ratio에 맞춰 나옴 원.. 더보기
storage관련 https://medium.com/@bosung90/tackling-react-native-storage-part-1-d27b2bfa480f AsyncStoragehttps://facebook.github.io/react-native/docs/asyncstorage.html Realmhttps://realm.io/kr/news/realm-react-native-1-0/ firebase 나는 AyncStorage로 관리하다가 export해야할때 firebase를 사용할 예정.앱이 온라인 환경일 필요가 없어서 AsyncStorage를 사용하는 것이고,사용자가 데이터 보관을 해야할 때는 firebase. 이유는 익숙해서. AsyncStorageAsyncStorage는 로컬저장소.단점: slow runtime,.. 더보기
image picker https://github.com/marcshilling/react-native-image-picker https://goshakkk.name/react-native-camera-roll-image-picker/https://facebook.github.io/react-native/docs/imagepickerios.html 기기의 camera roll에 접근하기 위해 아래의 스텝 필요photo library usage 선언RCTCemeraRoll library 연결 photo library usage 선언현재위치, 카메라, 연락처 등 iOS에서 private 데이터는 사용자 허가 필요.app metadata에서 목록화 하면 됨 react native 프로젝트 내 iOS 폴더에서 플젝이름.xcodepro.. 더보기
리액트 네이티브 유데미 강의 섹션9~ react-native init auth npm install --save firebase ==== 섹션11 redux reducer: a function that returns(produce) some data action: an object that tells the reducer how to change its dataex. 'asdf'를 array로 바꿀 것.(type: 'split') state: application data. data for our app to use. store: an object that holds the application's data. Login 과정User Types Sth -> Call Action Creator with new text -> Action Crea.. 더보기
flex vertical속성justifyContentflex-startcenterflex-end space-between: 맨 위,아래 기준으로 간격 같게space-around: 위, 아래 간격도 포함해서 horizontal속성alignItemsflex-startcenterflex-end flexDirectionrow 가로로column 아이템들이 세로로 정렬 더보기
리액트 네이티브 유데미 강의 섹션1~8 https://github.com/StephenGrider/ReactNativeReduxCasts react native 프로젝트 생성react-native init albums(프로젝트이름) 빌드,에뮬레이터react-native run-ios entry pointindex.android.js index.ios.js 컴포넌트 개발 스텝 render 할 때Root componenet만 AppRegistry.registerCompontent 사용root componene라는 것은 젤 첨에 보여주고 싶은 최초 컴포넌트를 의미.그 다음 child component는 export 사용 built in debuggercommand d -> remote debugging -> 개발자도구 (command shift j) 더보기
[git] gitignore #.gitignore .idea server/node_modules npm-debug.log 더보기
한글이나 특수문자의 2way binding referencehttps://github.com/angular/angular.js/issues/6656http://118k.tistory.com/135 IE11에서 한글 2 way binding 안됨.input에서 한글 입력해도 keyword ng-model이 제대로 변하지 않음 composed character인 한글, 일본어, 한자는 composition event를 발생시킨다.compositionstartcompositionupdatecompositionend가 있는데 input 에서 blur나 focuseout 할 때 위에서 compositionend가 먹질 않음. 아래와 같이 krInput이라는 디렉티브를 만들어주고 function krInput() { 'ngInject'; return { p.. 더보기
디렉티브의 scope referencehttps://github.com/angular/angular.js/wiki/Understanding-Scopeshttps://docs.angularjs.org/api/ng/directive/ngIfhttp://stackoverflow.com/questions/18342917/angularjs-ng-model-doesnt-work-inside-ng-if ng-if와 같은 디렉티브는 own scope를 새로 만든다. 아래 코드에서 memoInpuType과 memo의 scope은 같지 않아서$scope.memo로 접근 불가능. {{okBtnText}} 아래와 같이 $parent로 접근하여 controller에서 제어할 수 있다. {{okBtnText}} The scope created wit.. 더보기
WebGL 기초 출처 https://webglfundamentals.org/webgl/lessons/webgl-fundamentals.html WebGL Fundamentals webgl은 3D API라고 생각들 하고 3d로 멋진걸 만들어보겠다고 하는데 WebGL은 그냥 rasterization 엔진일뿐이다. rasterize는 벡터를 픽셀로 표현하다. 라는 동사임 내가 짠 코드로 점찍고, 줄 긋고 다각형을 그린다. 점, 선, 다각형으로 내가 어떻게 코딩하느냐에 따라 WebGL로 무엇을 만들 수 있는지 결정된다. WebGL은 내 컴퓨터 GPU위에서 돌아간다.vertex shader 와 fragment shader라고 불리는 함수를 GLSL라고 불리는 굉장히. 엄격한. C/C++ 타입의 언어로 작성하게 된다. vertex.. 더보기
[AWS] elastic ip 인스턴스 stop, reboot 등 할 때 매번 ip가 변경되므로 elastic ip 생성. elastic ip 생성 후 꼭 인스턴스와 연결.생성 후 연결하지 않으면 과금. 더보기
[리눅스] 심볼릭 링크 설정/해제 ln -s 원본 심볼릭 sudo rm 심볼릭이름 더보기

티스토리툴바