인문과 공학의 사이 어느 중간쯤

필요한 것 서버리스 플랫폼 (Firebase Cloud Functions, AWS Lambda 등) 클라우드 스토리지 (Firebase Storage, AWS S3 등) Puppeteer Handlebars (HTML 템플릿 언어) 방법 각 서버리스 플랫폼에서 제공하는 프로젝트 초기화 방식으로 node.js 기반의 서버를 생성한다. puppeteer와 handlebars를 npm으로 설치 템플릿으로 사용할 HTML 파일을 클라우드 스토리지에 올려둔다. 함수 내부 플로우 클라우드 스토리지에서 파일을 다운받는다. API body로 템플릿에 필요한 파라미터를 가져온다. 추가 계산/분석 로직이 필요하면 작업한다. handlebars를 이용해 컴파일하고 결과물을 임시로 만든 html 파일에 저장한다. (node...

Commit 한 메시지를 바꾸고 싶으면? git commit --amend -m "new message" git log --oneline => 변경된 메시지가 보임 같은 커밋에 몇 가지 파일을 더 추가하고 싶은면? git add -A git commit --amend -m "new message" staging에 add했는데 원하지 않을때? (이부분은 git command에서 알려줌) "Use git reset HEAD ... to unstage" 메시지 rm git status push전에 커밋을 지우고 싶을 때? (꼭 푸시전에, 안그러면 다른 사람들은 영향을 받음) git reset Reset --hard, --soft, --mixed 차이? git reset --soft HEAD~1 헤드를 바로 뒤..

1. 설치 Mac의 기본 셸은 bash 이지만 zsh도 기본 설치되어 있다. zsh로 기본 설정을 바꾸려면 다음과 같이 입력하면 된다. chsh -s $(which zsh) 2. Oh My Zsh zsh 설정을 관리하는 커뮤니티 기반 프레임워크이며 많은 함수, 헬퍼, 플러그인, 테마들을 가지고 있다. 설치를 하려면 curl이나 wget을 이용한다. # curl sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)" # wget sh -c "$(wget https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)" 2-1. ..

Angular 8.0.0 버전 릴리스가 5월 말에 발표되었습니다. 새로운 기능이 그렇게 많지는 않지만 좋은 것들이 몇 가지 있다고 합니다. 첫째, Differential loading 이 기능 덕분에 자동으로 더욱 퍼포먼스를 보일 수 있게 할 수 있습니다. Differential loading을 사용하면 두 가지 번들이 프로덕션 버전에서 생성이 됩니다. ES2015+를 지원하는 모던 브라우저를 위한 번들과 ES5 버전만을 지원하는 오래된 브라우저를 위한 번들을 생성합니다. 그러면 새로운 브라우저의 ES6 모듈의 지원 덕분에 일치하는 번들이 자동으로 브라우저에 불려지게 됩니다. 새로운 브라우저는 더 적은 코드를 불러올 수 있고 더 작은 양의 polyfills을 불러올 수 있습니다. 개발할 때 어떤 조치가 ..

지금까지 3주 정도 매일은 아니었지만 드문드문 RN (React Native) 개발을 해보면서 든 생각을 정리해보았습니다. 정말 네이티브 코드 없이 JavaScript로만 개발이 가능했나 RN 을 처음 접할 때 가장 궁금했던 것 중에 하나는 '네이티브 코드를 전혀 건드리지 않고 앱 하나를 개발하는 게 가능할까? ' 였는데요. 간단한 앱 하나를 제작하면서 보니 가능한 것 같습니다. 요구사항이 많지 않고 운이 좋다면 (?) 가능하다는 생각이 들었습니다. 사실 이런 얘기는 어느 하이브리드 프레임워크를 가져와도 할 수 있는 말입니다. 그러니까 말하자면 네이티브 기능을 온전히 다 쓸 수 없는 (네이티브 코드 없이는) 하이브리드 앱 특성상 RN도 예외가 아니었다는 점입니다. 기존의 다른 하이브리드 프레임워크 보다 ..

왜 React Native를 시작했는가 저는 React.js를 따로 접해보지는 않았고, (간단한 튜토리얼 수업 정도는 들어 보았습니다만) 요즘 곧바로 React Native (줄여서 앞으로 RN이라 하겠습니다) 를 해보겠다고 꼼지락 거리고 있는 상황인데요. 올해 RN을 꼭 해보아야겠다는 생각이 든 이유 중 하나는 2018년도 자바스크립트의 트렌드에서 앱 개발을 RN으로 하는 개발자 수가 네이티브 개발자 수를 넘었다는 사실로 앞으로 기술적 고도화나 커뮤니티의 활성화적인 측면에서 무시할 수 없는 수준에 이르렀다는 생각이 들었기 때문입니다. 이렇게 이야기하면 기술자로서 트렌드를 빨리 앞서나가지 못하고 남들 따라가는 추종자처럼 보이지만 부정할 수 없는 사실입니다. 😭 하지만 추종자의 장점은 이미 무르익어서 쉽게..

소개항상 바뀌는 자바스크립트. 새로운 라이브러리, 새로운 프레임워크, 새로운 언어… 즐거운 부분도 있지만 압도적인 양을 어떻게 받아들일까?그것이 State of JS의 출현이었다. 올해도 마찬가지로 2만명 이상의 개발자가 참여한 결과 과연 작년에 비해 얼마나 바뀌었을까? 자바스크립트 취향ES6 사용자가 86.3%로 독보적이다. 다음은 Typescript 46.7%가 사용한다고 응답했다. ES6는 주로 Babel을 사용해 실행한다. 예전에는 CoffeScript가 오랫동안 고독히 자리를 차지하고 있었지만 이제는 ES6가 그 자리를 차지하고 Typscript, Flow 등 다양한 언어로 코드를 작성해서 JavaScript로 컴파일한다는 인식이 명백히 잡혔다. ES6 > TypeScript > Flow > E..

자바스크립트의 에코 시스템이 최근 몇 년 사이에 너무나도 빠른 속도로 바뀌어가면서 혼란스러운 상황에서 이 문제를 해결하려 시도한 사람들이 있었습니다. 바로 StateOfJS 사이트를 만든 Raphaël Benitte, Sacha Greif, Michael Rambeau 세 명의 자바스크립트 개발자인데요.그들의 말을 빌려 표현하자면 자바스크립트의 현 상황은 다음과 같습니다. 몇 년전까지만 해도 자바스크립트 조사는 단순한 문제였다. 질문1: jQuery를 사용하시나요? 질문2: 다른 코멘트가 있나요? 끝!그러나 우리 모두가 알듯이 자바스크립트 에코시스템이 계속해서 커지면서 많은 경험을 한 개발자들조차 가능한 다양한 옵션을 두고 주저할 수 있는 상황이 되었다.이 점이 바로 StateOfJS 프로젝트가 만들어진..