본문 바로가기

분류 전체보기

영화로 공부하기 악마는 프라다를 입는다. - 매일 출퇴근길에 일단 보기 - 잘 안 들리는 부분 반복해서 듣고 유추하기. - 문법 정리하기 - 따라 읽기 더보기
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); 더보기
일러 글씨깨기 아웃라인 글자 선택 -> type -> create outlines 더보기
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. 최종.. 더보기
진미영 Let's call it even. Air out the house. He ghosted on me. That place isn't as good as it used to be. Might as well just get it done now. Excuse me, you can't leave your garbage there. Well, I haven't heard from you in a while. '넌 이럴때만 찾더라'의 뉘앙스 Aw man, time flies. Could you take this away, please? 더보기
제목 없음 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) 더보기

티스토리툴바