본문 바로가기

개발

blob url https://stackoverflow.com/questions/30864573/what-is-a-blob-url-and-why-it-is-used 더보기
Conditional Rendering https://www.vobour.com/book/view/gT7qPZQ45nBDSRr2M 리액트(React) 이해 기초 2 - Conditional Rendering if /elseconst ConditionalComponent = ({ loading, data }) => { if (loading) { return } return {data} }; switch / caseconst Dialog({ type, ...rest }) => { switch(type) { case 'share': return ; case 'edit': return ; case 'delete': return ; default: return null; } }; && ||const LogicalAnd = ({ username }) =.. 더보기
맥 터미널 설정 ~/.bash_profile export PS1="\[\e[32;1m\]\W \[\e[36;1m\]\u$ \[\e[0m\]"export CLICOLOR=1export LSCOLORS=DxFxBxDxdxegedabagacad alias ls='ls -GFh' 더보기
AMD, CommonJS, UMD AMDAsynchronous Module Definition RequireJSdefine, require CommonJS 정의: export사용: require UMDUniversal Module DefinitionCommonJS, AMD, global varialbe 다 제공 더보기
Object.defineProperty() https://stackoverflow.com/questions/18524652/how-to-use-javascript-object-defineproperty 더보기
split + regexp const divider = /[\/\.\-]/gi; '2017/07/02'.split(divider);'2017-07-02'.split(divider);'2017.07.02'.split(divider); 더보기
link library 참고. image picker 예) react native art 라이브러리 1. react native 프로잭트 내 ios\프로젝트이름.xcodeproj 열기2. react native 프로잭트 내 node_modules\react-native\Libraries\ART\ART.xcodeproj 파일 확인해서3. Xcode에서 프로젝트 하단 Libraries 밑에 드래그 해서 넣어주기.4. Xcode에서 플젝이름 누르고 우측에서 Build Phases 탭 선택 -> Link Binary With Libraries 확장.5. 다시 왼쪽 패널 Libraries밑에 ART.xcodedproj 밑에 Products 밑에 libART.a 를 우측 Link Binary With Libraries에 추가 더보기
[WebGL] WebGL 개발 입문 GLSL 타입 설명 vec2,3,4 / ivec2,3,4 / bvec2,3,4 각각 floor, integer, bool 타입 벡터 mat2,3,4 2*2, 3*3, 4*4 크기의 부동 소수 매트릭스 sampler2D, samplerCube 2D 또는 큐브 매핑된 텍스처에 대한 핸들 constuniform: 전체 원시 타입 사이에서 값이 일정하다. uniform uSampler;attribute: WebGL 앱에서 vertex별 VS 정보 attribute vec3 aVertexNormals;varying: VS 쓰기, FS 읽기 varying vOriginalPosition; 내장 변수gl_Position / vec4 / vertex 위치 / VS / outputgl_PointSize / float /.. 더보기
[shader] thebookofshaders.com 픽셀마다 계산하는데, 작업이 픽셀개수만큼 반복 ( 800*600 = 480,000이 매 프레임마다)parallel processing.크고 강력한 마이크로프로세서를 쓰는 대신, 작고 많은 마이크로프로세서를 동시에 병렬적으로 쓰는게 낫다. 이게 바로 Graphic Processor Unit(GPU) GLSL = openGL Shading Language 쉐이더 프로그램 언어 왜 어려운가?매 파이프마다 병렬적으로 돌리기 위해서, 모든 쓰레드가 독립적이어야 한다. 쓰레드는 다른 쓰레드가 뭘 하는지 모른다. 이런, blind하고 memoryless 제한이 있는 shader가 프로그래머 사이에서 인기 없게 만든다. 02/1. shader 언어는 color를 return하는 하나의 main 함수를 갖는다.2. 최종.. 더보기
제목 없음 npm install -g firebase-tools firebase loginY mkdir one-time-password cd one-time-password/ firebase init(enter)(enter)(enter)Ypublicno project IDhttps://console.firebase.google.com/project/one-time-password-/functions/list firebase deploy --project one-time-password- overview -> project-settings -> service accountsadmin.initializeApp({ credential: admin.credential.cert(serviceAccount), database.. 더보기
제목 없음 vizcities three.js 77 -> 84 버전으로 바꿈 import THREE from 'three'에서 아래와 같이 수정.import * as THREE from 'three'; applyProjection 함수 없어져서 applyMatrix4로 수정 (CSS2DRenderer.js)vector.applyMatrix4( viewProjectionMatrix ); 더보기
animation system LayoutAnimation세팅 쉬움.자유자재로 컨트롤 불가 Animated세팅 복잡컨트롤 커스터마이징 가능 Animbated Module Values Module: Value, ValueXY (item x,y위치)Types Module: Spring, Decay, Timing (animation이 어떻게 변하고 있는지)Components Module: View, Text, Image (Apply the animation's current position to an actual component) 더보기
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 더보기

티스토리툴바