2017년 FRONT-END 기술스택

프론트 엔드 개발자의 관점에서 확장성 및 개발 편의성을 고려한 

2017년 FRONT-END 기술 스택을 정리해 보았습니다.

Front-end libraries

View / Router

react

react-router

react-helmet : meta, link, script 같은 헤더에 들어가는 항목들을 손쉽게 관리할 수 있는 패키지.

Swiper

Data Handling

redux

redux-form : 키보드의 onChange 이벤트를 보고 폼의 value 에 직접 데이터를 넣는 방식. 

redux-persist

redux-persist-cookie-storage

Server Side Renderning

express

http-proxy-middleware

Style

Spectre.css

sass

gulp-sass

sass-lint

CI/CD

서버 보안 설정, 파이프 라인, 빌드, 롤백까지 절차를 꾸준히 따라야 함. 

하나의 프록시 서버를 로드밸런서로 구성하여 AWS Elastic load balancer -> EC2 연결.

Front-end JS

webpack

webpack-dev-server

gulp

babel

Deployment

Buddy

docker

HAProxy

S3, Cloudfront

ETC

yarn

eslint

lodash, bluebird, moment

Google Analytics