spectrum learns to dig

cyclejs는 observable을 logic, subscribe를 effect로 각각 분리하고 서로 순환하는 구조인 full reactive framework 이다. 예를 들면 1초(1000ms)마다 스트림을 발산하는 text$는 매번 fold(reduce)하여 1씩 증가하고 "Second elapsed xx"로 map하는 text$=xs.periodic(1000)   .fold(prev=>prev+1,0)   .map(i=>`Second elapsed ${i}`) 를 logic. 이를 subscribe 하여 #app element의 텍스트로 넣는 것을 text$.subscrbie({   next: str => document.querySelector('#app').textContent = str }) 를 effect로 볼 수 있다. 이를 각각 함수로 구분하여 const sink = ()=> xs.periodic(1000)     .fold(prev=>prev+1,0)     .map(i=>`Second elapsed ${i}`); const domDriver = text$ => text$.subscribe({   next: str => document.querySelector('#app').textContent = str }); domDriver(sink); 이와 같이 재정의 할 수 있다. 같은  logic에 대해 DOM 렌더링과 log를 분리하려면 logDriver를 아래와 같이 추가하여 const logDriver = msg => console.log(msg); logDriver(sink); 하여도 마찬가지. subscribe한 객체의 observable만 있으면 DOM이건 console이건 canvas건 websocket이건 어느쪽이든 effect를 만들어 낼 수 있다. ...

w3c 컨퍼 갔다왔더니 docker를 다시 잘 써보고 싶어졌다. 귀염둥이 Raspberry Pi Zero W를 꺼내서 ssh 접속하고 docker-ce를 설치해본다. $ echo "deb [arch=armhf] https://download.docker.com/linux/debian $(lsb_release -cs) stable" | sudo tee /etc/apt/sources.list.d/docker.list deb [arch=armhf] https://download.docker.com/linux/debian jessie stable $ sudo apt update && sudo apt install docker-ce -y --force-yes Get:1 https://download.docker.com jessie InRelease [20.2 kB]                                  Hit http://mirrordirector.raspbian.org jessie InRelease                                        Ign https://download.docker.com jessie InRelease                          Hit https://download.docker.com jessie/stable armhf Packages Hit http://archive.raspberrypi.org jessie InRel...

선 루팅 https://forum.xda-developers.com/lg-g3/general/guide-root-lg-firmwares-kitkat-lollipop-t3056951 1.2버전 스크립트 모드로. echo Looking for LG serial port.. echo. adb.exe wait-for-device 여기에서 정체 상태여서 강제로 adb kill-server 했더니 알아서 재부팅하심. 폰에선 "펌웨어 업데이트"화면이 나오고 Phone found at COM5! Rooting phone.. If you don't see the SuperSu installer script runs within about a minute, then the root failed. Author : blog.lvu.kr SPECIAL COMMAND : ENTER, LEAVE ## 이런 상황이 됨. #이 느린 속도로 하나씩 증가하고 있음. 한 시간 기다려도 성과없음. 뭐 몇번해봐도 안되고 결국 불안하긴 하지만 kingroot.net  로 설치 롤리팝이니까  https://drive.google.com/file/d/0B4kfGU1z_PClQ3AyM2lKOGR1S3M/view  이걸 받아서 압축 풀기. d838recovery.bat 만 있어서 당황스럽긴한데 실행하고 1번 하니까 리커버리 모드 진입까진 잘 되는 듯. adb sideload 라는게 있어서 해봄. Advance에서 adb sideload 선택하고 USB연결한 PC에서 adb sideload RR-N-v5.8.5-20171010-d838-Final.zip 하니까 착착 잘 진행됨. 이제 흉측한 U+LTE 가 없어짐. ㅇㅋ 군더더기 없고 깔끔한데 남은 건 gapps 를 설치해야함. http://opengapps.org/  를 권해줘서 갔는데 지옥 느림. ARM + 7.1 + stock 이 기본이...

Mac에서 종종 화나는 일 중 하나가 파일 시스템이 대소문자를 구분하지 않는 점이다. 가령, A.png를 a.png로 바꿔야할 경우 HFS 기준으론 전혀 바뀐 점이 없는 걸로 인식하는데 다소 화가난다. 하지만, 방법이 없는 것은 아닌데 A.png를 임의의 다른 파일로 바꾼다. (ex. A_.png) 1에서 바꾼 상태에서 staging 한다. (git add A_.png) 1의 파일을 다시 원래 바꾸려고 했던 파일로 바꾼다. (mv A_.png a.png) 3을 다시 staging 한다. (git add a.png) commit 한다. https://stackoverflow.com/a/40307511/880991  에서 답변해준 Chris Barr 님에게 감사를. * 추가 실제로 해보니 git mv --force A.png a.png 가 더 간단하다. 이는 바로 staging 영역에 add까지 해준다.

https://launchpad.graphql.com/mw9wkzv99 단순 전체쿼리+조건쿼리+추가 http://graphql.org/graphql-js/passing-arguments/ 참고. random ID는 crypto 1.0.1 사용   type Query {     Members: [member]     getMember(id: ID!): member   }   type member {     id: ID!     text: String   }   input memberInput {     text: String   }   type Mutation {     addMember(member: memberInput): member   } SQL 정의. facebook 쪽은 스트링에 지지는 거 진짜 좋아하네. *.gql 파일이 있다고 하니 이해해주자. resolver는 var buffer = []; const resolvers = {   Query: {     Members: (root, args, context) => {       return buffer;     },     getMember: (id)=> {       return buffer.find(o=>o.id)     }   },   Mutation: {     addMember(_, {member}) {       const mm = { ...member, id:randomBytes(10).toString('hex') };       buffer.push...

jsbin, codepen, jsfiddle 이런 것들은 일단 생략. 너무 유명한 것들이라. https://launchpad.graphql.com  - node.js 기반 graphQL 연습장. 이것만으로도 충분히 훌륭한 백엔드 https://codesandbox.io/  npm 사용이 가능한 클라이언트 사이드 연습장. webpackbin이 너무 문제가 많아서 찾아본 것. https://scrimba.com  이건 codesandbox+ asciinema( https://asciinema.org/ ) 같은 느낌인데 키 녹화와 음성 녹화 기능이 추가되었다. 다 좋은데 화살표 키로 빨리감기 뒤로감기 기능이 안되고 익스포트(youtube등)으로 지원이 없는게 아쉽다. 이 둘이 만나면?  https://codesandbox.io/s/jvlrl98xw3?from-embed 뭐야 이거 무서워 하지마 ㄷㄷ;  graphql+react-native-web(부왘ㅋㅋ) https://repl.it/languages  전통을 자랑하는 REPL 도구. 지원 언어 종류가 -_-;;;;; https://tio.run/#  repl.it? 장난함? 얘는 지원 언어가 무려 386종류. J랑 아희도 있다. https://play.golang.org/  즐거운 go playground. 소스 포멧팅 넘 좋아. http://decaffeinate-project.org/repl/  최고의 coffeescript REPL. 원래 용도는 coffee를 ecma6코드로 바꾸는 것이지만... https://scaphold.io https://www.graph.cool/  graphql backend service. scaphold.io는 설치도 필요없는 클라우드. graphcool은 호스팅+클라우드 다있음. 둘 다 막상막하. 푸쉬서버도 되고 뭐 미친득. https://g...

firebase instance를 만들자. https://console.firebase.google.com/project/<YOURAPP>-90431/overview 로 들어가보면 Welcome to Firebase! Get started here. 라고 반긴다. 필요한 설정을 복사하자. Add Firebase to your web app 를 눌러 <script src="https://www.gstatic.com/firebasejs/4.6.0/firebase.js"></script> <script>   // Initialize Firebase   var config = {     apiKey: "ㅌㅌㅌㅌㅌㅌㅌㅌ",     authDomain: "ㅅㅅㅅㅅ-90431.firebaseapp.com",     databaseURL: "https://ㅅㅅㅅㅅ-90431.firebaseio.com",     projectId: "ㅅㅅㅅㅅ-90431",     storageBucket: "ㅅㅅㅅㅅ-90431.appspot.com",     messagingSenderId: "11111111111"   };   firebase.initializeApp(config); </script> 이 부분 중 config만 복사. Authentication > sign-in method 에 몇개 연결하고 Template을 한번 슥 본다. 음 다국어 처리가 되있군. 굿. Database, Storage, Hosting, Functions 죄다 켜고. Grow 에 Remote Config라는게 있어서 Software Version 같은 걸 한번 넣어봤다. 프로그래마틱하게도 설정 가능한 거 같다. 잘 모르겠다. https://firebase.g...