[ES6] Babel, Webpack, Sass
Babel과 Webpack을 이용한 ES6 환경 구축 ①
https://poiemaweb.com/es6-babel-webpack-1
Babel | PoiemaWeb
현재 브라우저는 ES6를 완전하게 지원하지 않는다. ES6+(ES6 이상의 버전)를 사용하여 프로젝트를 진행하려면 ES6+로 작성된 코드를 IE를 포함한 모든 브라우저에서 문제 없이 동작시키기 위한 개발 환경을 구축하는 것이 필요하다. 특히 모듈의 경우, 모듈 로더가 필요하다. 트랜스파일러(Transpiler) [Babel](https://babeljs.io/)과 모듈 번들러(Module bundler) [Webpack](https://webpack.js
poiemaweb.com
Babel과 Webpack을 이용한 ES6 환경 구축 ②
https://poiemaweb.com/es6-babel-webpack-2
Webpack | PoiemaWeb
앞에서 테스트해 본 바와 같이 ES6 모듈을 현재의 브라우저에서 사용하려면 [RequireJS](http://requirejs.org/) 또는 [SystemJS](https://github.com/systemjs/systemjs)와 같은 모듈 로더가 필요하다. [Webpack](https://webpack.js.org/)은 의존 관계에 있는 모듈들을 하나의 자바스크립트 파일로 번들링하는 모듈 번들러이다. Webpack을 사용하면 의존 모듈이 하나의 파일로
poiemaweb.com
Sass의 소개, 설치와 간단한 명령어 사용법
https://poiemaweb.com/sass-basics
Sass - Basics | PoiemaWeb
Sass(Syntactically Awesome StyleSheets)는 CSS pre-processor로서 CSS의 한계와 단점을 보완하여 보다 가독성이 높고 코드의 재사용에 유리한 CSS를 생성하기 위한 CSS의 확장(extension)이다. CSS의 간결한 문법은 배우기 쉬우며 명확하여 프로젝트 초기에는 문제가 없이 보이지만 프로젝트의 규모가 커지고 수정이 빈번히 발생함에 따라 쉽게 지저분해지고 유지보수도 어려워지는 단점도 가지고 있다. 이러한 CS
poiemaweb.com
'Reference' 카테고리의 다른 글
| [CSS] (0) | 2019.04.26 |
|---|---|
| [AWS] AWS 아키 자격증 (0) | 2019.04.25 |
| [AWS] Lamda@edge 를 이용한 이미지 리사이징 (0) | 2019.04.21 |
| [docker] Docker for Mac (0) | 2019.04.21 |
| [AWS] scp (0) | 2019.04.21 |
[AWS] Lamda@edge 를 이용한 이미지 리사이징
람다 엣지로 이미지 리사이징 (1) - s3와 클라우드 프론트 설정
https://afrobambacar.github.io/2018/12/image-resizing-with-lambda-edge.html
람다 엣지로 이미지 리사이징 (1) - s3와 클라우드 프론트 설정
비교적 쉬운 파트지만 IAM은 골치아파
afrobambacar.github.io
람다 엣지로 이미지 리사이징 (2) - 람다 엣지 작성과 연결
https://afrobambacar.github.io/2018/12/image-resizing-with-lambda-edge-2.html
람다 엣지로 이미지 리사이징 (2) - 람다 엣지 작성과 연결
이제 여러가지 난관에 봉착하게 되는데 ...
afrobambacar.github.io
Lambda 한개로 만드는 On-demand Image Resizing
https://engineering.huiseoul.com/lambda-한개로-만드는-on-demand-image-resizing-d48167cc1c31
Lambda 한개로 만드는 On-demand Image Resizing
Lambda 단! 한개로 만드는 On-demand Image Resizing
engineering.huiseoul.com
Lambda@Edge를 활용한 이미지 리사이즈 자동화
https://blog.wisen.co.kr/?p=7258#3
Lambda@Edge를 활용한 이미지 리사이즈 자동화
여기서 다루는 내용 · Lambda@Edge 개요 · Lambda@Edge 서비스를 활용한 이미지 리사이즈 WorkFlow · 부록: AWS 블로그 버전과 김세준님 버전의 차이점 · 정리 What is Lambda@Edge? 안녕하십니까, GS네오텍 최준승입니다. 오늘은 평소와 다르게 여러분들이 좀 관심있을만한 실용적인 내용을 소개해 드리려고 합니다. 제목을 다시 한번 보겠습니다. "Lambda@Edge를 활용한 이미지 리사이즈 자동화" 네요. 문맥으로
blog.wisen.co.kr
AWS Lambda@Edge에서 실시간 이미지 리사이즈 & WebP 형식으로 변환
https://medium.com/daangn/lambda-edge로-구현하는-on-the-fly-이미지-리사이징-f4e5052d49f3
AWS Lambda@Edge에서 실시간 이미지 리사이즈 & WebP 형식으로 변환
안녕하세요, 당근마켓에서 백엔드 서버 개발 인턴으로 근무하고 있는 Marco입니다. 저는 이번에 당근마켓 서비스의 썸네일 생성 방식을 On-The-Fly 이미지 리사이징으로 새롭게 구현하였습니다. 이번 글을 통해 그 과정을 공유하려고 합니다.
medium.com
Lambda@Edge를 이용한 DIMS 구현
https://github.com/kimsejun2000/lambdaedgedims
kimsejun2000/lambdaedgedims
Contribute to kimsejun2000/lambdaedgedims development by creating an account on GitHub.
github.com
'Reference' 카테고리의 다른 글
| [AWS] AWS 아키 자격증 (0) | 2019.04.25 |
|---|---|
| [ES6] Babel, Webpack, Sass (0) | 2019.04.24 |
| [docker] Docker for Mac (0) | 2019.04.21 |
| [AWS] scp (0) | 2019.04.21 |
| [Web] HTTP (0) | 2019.04.19 |
[docker] Docker for Mac
Docker for Mac (맥북에 도커 설치, 빌드, 생성등)
https://daeson.tistory.com/290
Docker for Mac (맥북에 도커 설치, 빌드, 생성등)
최근 엄청난 인기를 누리고 있는 가상화 머신을 아주 쉽게 제공해주는 도커(Docker)를 맥북에 설치하고 생성해보면서 정리한 내용입니다. 아주 쉽게 가상화 머신을 생성하고 제거하고 관리를 할 수 있어 다양한 OS..
daeson.tistory.com
'Reference' 카테고리의 다른 글
| [ES6] Babel, Webpack, Sass (0) | 2019.04.24 |
|---|---|
| [AWS] Lamda@edge 를 이용한 이미지 리사이징 (0) | 2019.04.21 |
| [AWS] scp (0) | 2019.04.21 |
| [Web] HTTP (0) | 2019.04.19 |
| [AWS] git, node 설치 (0) | 2018.09.02 |
