본문 바로가기

개발

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 심볼릭이름 더보기
[AWS] ec2 linux nginx 서브도메인 설정 웹서버 nginx 사용 및 서브도메인 설정 먼저 Route 53에서 create hosted zone->생성하면 NS, SOA 자동 생성됨. create record setname은 빈칸type Avalue에 ip주소 create record setwwwcname도메인 주소 democname도메인 주소 가비아에서 네임서버 4개 입력 ======= nginx 설치 http://wingsnote.com/55http://wingsnote.com/57https://www.conory.com/note_linux/42847https://www.nginx.com/resources/wiki/start/topics/tutorials/install/http://julian.io/how-do-i-host-multiple-m.. 더보기
[AWS] meteor spawn ENOMEM ec2에서 meteor하려는데 spawn ENOMEM 에러free -m 확인하면 Swap 메모리가 0이라서 그럼 sudo fallocate -l 512MB /swapfile sudo chmod 600 /swapfile sudo mkswap /swapfile sudo swapon /swapfile sudo vi /etc/fstab 아래줄에 /swapfile swap swap defaults 0 0 추가 더보기
[AWS] 개인 사이트를 위한 ec2 최초 설정 Services -> EC2(Elastic Computer Cloud) -> Instances 인스턴스: 서버 하나하나를 지칭 ----인스턴스 만들기 Launch InstanceAmazon Instance AMI(64bit) 선택Instance Type은 성능을 결정함. 여기에서 무료인 t2.micro(free tier eligible) 선택Launch and Review key 없으면 key pair 생성 후 다운로드.view instance ---이름 입력instance status가 running이면 정상instance reboot은 재부팅 terminate는 제거 ---보안설정해당 인스턴스의 description에서 security group의 view rule보안규칙 확인가능 왼쪽 메뉴에서 se.. 더보기

티스토리툴바