기본 콘텐츠로 건너뛰기

Modern Web Application Tech Stack

모던 웹 어플리케이션 이라니 참 생경한 용어라고 생각했는데 이미 자리 잡았나보다.
http://lucumr.pocoo.org/2011/11/15/modern-web-applications-are-here/
http://jtaby.com/2012/04/23/modern-web-development-part-1.html
http://www.smashingmagazine.com/smashing-book-1/user-interface-design-in-modern-web-applications/
등등 많이들 쓰네.

무성의하게 이야기하면 페이스북이나 구글플러스처럼 클라이언트 사이드에서 지지고 볶고 하는 웹으로 만드는 어플리케이션인데. (미안 사실 그건 아니야)
모던 웹 어플리케이션에 대한 정의는 따로 써야할만한 내용이라 일단은 패스.

어느정도는 적당히 맨땅에 헤딩도 해야하지만 간지나는 그분들의 도구들이 뭔지는 알아두자싶어
순서없이 생각날때마다 그때그때 기록해볼련다.

. Trello
view-source:https://trello.com/ 해 보니
열심히 Uglify 해 놓았다.
그중 https://d2k1ftgv7pobq7.cloudfront.net/js/2583c1272b9a443e986489d1ed094af4/all.js 의 내용을 보니
http://jquery.com/
http://sizzlejs.com/
http://docs.jquery.com/UI
http://docs.jquery.com/UI/Widget
http://www.datejs.com/
backbone.js

highcharts.js
json2.js
markdown.js
socket.io.js
underscore.js


node.js
HAProxy
Redis
MongoDB

정도 사용한다.

. FourSquare
역시 자바스크립트들을  한방에 뭉쳐놓았다.
https://ss1.4sqi.net/scripts/build/ko/foursquare/root-b0da858aba9baaa4f80b6f60d63011f0.js 의 내용을 보았다.

Underscore.js 1.2.2
Backbone.js 0.5.3

정도 사용하고 있다.

. Linkedin
 i18n.translate 자체 i18n 지원 라이브러리를 만들어쓰는가본데 흥미로움
yui
sizzlejs (오호 여기도?)
dustjs https://github.com/dmix/dusterjs, Template 엔진.
backbone 과 함께 사용하는 예. http://dmix.ca/2011/12/dustjs-backbonejs-dusterjs/

. airBnb
<a href="javascript:void(0);"> 참 독특한 테크닉이네;
https://github.com/mathiasbynens/jquery-placeholder
https://github.com/imakewebthings/jquery-waypoints (무한스크롤 등등)
https://github.com/carhartl/jquery-cookie

아이구 은근히 피곤한 작업이네.

. Meteor - 이건 framework stack이라고 해야하나 암튼
fiber
connect
gzippo
optimist
mime
handlebars
useragent
underscore
* 8.25현재 추가
clean-css : css-minifier. test 소스 한번 보자

http-proxy : A full-featured http proxy for node.js. WebSockets, HTTPs 지원
nib : Stylus mixins, utilities, components, and gradient image generation.
optimist : 명령행 인자 파싱
request : http request client - oAuth 예제를 보니 쓰기 편해보인다.


기타 돌아다니면서 쓸만한 것들 (계속 업데이트)

댓글

댓글 쓰기

이 블로그의 인기 게시물

세상 간단한 https(+secured websocket): Caddy

nginx, apache2 같은 걸로 매번 certbot 연동을 통해 https 하는게 지겨워서 알아보니 Caddy라는게 있더라. 설치법은 강하게 크기 위해 알아서 해본다. # cat /etc/caddy/Caddyfile your.shitty.site:8123 {   proxy / localhost:9123 {     websocket     transparent   } } 이건 외부에서 8123으로 들어오는 걸 내부적으로 9123로 맞춰서 https 맞춰주는 reverse proxy. 만일 port를 생략하면 # cat /etc/caddy/Caddyfile your.shitty.site {   proxy / localhost:9123 {     websocket     transparent   } } 기본포트인 443으로 되어 https://your.shitty.site 로 접속이 된다. 요새 말썽이던 cloudflare 버리고 netlify domain이랑 caddy를 쓰니까 앓던 이가 빠진 느낌. 이 조합은 당분간 계속 써야겠다 싶다.
댓글 1개
자세한 내용 보기

저지연 오디오 생성 LLVC 사용기

https://github.com/KoeAI/LLVC 써봄 CUDA 11.8 버전 쓰고 있어 pip install torch torchvision torchaudio --index-url https://download.pytorch.org/whl/cu118 VC 없어서 설치 https://wikidocs.net/168848 참조 FAIRSEQ 관련 오류 https://github.com/facebookresearch/fairseq/issues/2908 pip install editdistance  설치 No CUDA runtime is found, using CUDA_HOME='C:\Program Files\NVIDIA GPU Computing Toolkit\CUDA\v11.8' 오류 멀쩡하게 있는데 안됨. pip install torch==2.1.0+cu118 torchvision==0.16.0+cu118 torchaudio==2.1.0+cu118 --extra-index-url https://download.pytorch.org/whl/cu118 다시 설치 set DISTUTILS_USE_SDK=1 이게 문젠가 설정하고 재도전 Using cached ruamel.yaml.clib-0.2.8-cp311-cp311-win_amd64.whl (118 kB) Building wheels for collected packages: fairseq   Building wheel for fairseq (pyproject.toml) ... error   error: subprocess-exited-with-error   × Building wheel for fairseq (pyproject.toml) did not run successfully.   │ exit code: 1   ╰─> [1829 lines of output]       No CUDA runtime is found, usi...
댓글 쓰기
자세한 내용 보기