분류 전체보기 검색 결과
454 개의 검색 결과가 있습니다.
카테고리 없음

webpack 3부: babel-loader

사실 webpack을 처음 다루게 된 계기는 vuejs 때문이었다. vuejs의 promise는 ECMAScript 6 버전부터 제공되는 것으로, IE 계열의 브라우저에서는 버전에 상관없이 작동하지 않는다. 역시 브라우저계의 이단아.. 이걸 해결해보려고 stackoverflow를 허구헌날 뒤적일때 공통적으로 등장하는 단어가 바로 webpack과 babel이었다. webpack으로 js를 번들링 할 때 babel loader를 거치게 하면 하위버전의 ECMAScript로 자동변환 할 수 있다는 얘기. babel에 대한 자세한 소개는 이곳에 있다: https://gist.github.com/preco21/dddab805401458d5d538 우선 필요한 패키지를 설치 해 준다. 1public$ npm i -..

2018. 2. 21. 15:47
내가 자꾸 까먹어서 쓰는 개발 이야기/JavaScript

webpack 2부: 기초 config

우선, 너무 많으면 좀 정신없으니 list, view 페이지에 쓰일 js 파일이 각각 ./public/js 에 있고, 공통으로 쓰이는 common.js 가 있다고 가정하겠다. 1234567891011121314151617181920212223242526272829//common.js const common = { alertRedirect: function(msg, url) { alert(msg); top.location.href = url; } }; export default common; //list.jsimport common from "common.js"; function showList(page) { //bla bla blah} //view.jsimport common from "common.js..

2018. 2. 20. 10:43
내가 자꾸 까먹어서 쓰는 개발 이야기/JavaScript

webpack 1부: 설치

苦盡甘來 - 고진감래 설정을 끝내니 이런 천국이 없는데, 설정하는 과정은 꽤나 괴로웠다. 오늘의 주인공 webpack 되시겠다. 얘는 "js 번들링 툴"이다. 예를들어 우리가 프론트엔드에 좀 더 집중한 게시판을 만들고 있다고 가정해보자. list / view / write / modify / delete 등의 페이지가 있을것이고, 각각 list.js / view.js / write.js / modify.js / delete.js 의 파일들이 우리가 쓰고싶은 Vue.js, axios, jQuery, jqueryui 등과 함께 각 페이지 하단에 태그로 나열 될 것이다. 거기에 추가로 공통적으로 사용 할 기능들을 모아놓은 common.js 도 넣어 줘야 하겠지. webpack은 이것들은 js 파일 한개, 또는..

2018. 2. 19. 18:21
내가 자꾸 까먹어서 쓰는 개발 이야기/Vue.js

Vue 에서 방문수령(?) 하기

사실 Vue 보다는 axios에 관한 내용일수도 있겠다. 아래 2개의 Vue 객체가 있다. const obj1 = new Vue({data: {list: [],},methods: getList() {axios.get("/list/1").then( response => {this.list = response.data;});}}}); const obj2 = new Vue({data: {},methods: {getList() {}}}); 두 객체는 각각의 js 파일로 분리되어 있으나, webpack 또는 script 태그를 통해 서로를 호출할 수 있다. obj2에 중복된 메서드를 생성하지 않고, obj2에서 obj1의 메서드를 통해 동일한 데이터를 제공 받으려 한다. 처음엔 이렇게 해봤다. axios.get(..

2018. 1. 23. 15:43
내가 자꾸 까먹어서 쓰는 개발 이야기/Laravel

Laravel 과 paypal 연동하기

총 3개의 플러그인을 써봤다. 플러그인 1(https://github.com/srmklive/laravel-paypal)은 사용이 간단하나, 배송비 설정을 할 수 없었다. 플러그인 2(https://github.com/anouarabdsslm/laravel-paypalpayment)는 배송비 설정은 가능하지만 결제창의 로고 또는 브랜드명을 설정할 수 없었다. 그래서 찾은것이 https://github.com/escuccim/laravel-paypal 배송비와 로고 설정 모두 가능하다. 다만 PHPStorm에서 자동완성이 좀 어설프므로 예제코드를 보고 따라 쳐야 한다. 추가로 brandname이나 logo를 설정하려면, 예제코드의 createWebProfile 을 통해 생성된 profile id를 Payp..

2018. 1. 23. 15:26
내가 자꾸 까먹어서 쓰는 개발 이야기/Laravel

Phpstorm에서 Laravel의 mailchimp 플러그인 사용하기

https://github.com/spatie/laravel-newsletter 이걸 쓰려고 했다. 설명대로 했는데 계속 Undefined class 또는, Non static method 라면서 철벽을 쳐댔다. 일단 설명대로 설치부터 해준다. composer require spatie/laravel-newsletter php artisan vendor:publish --provider="Spatie\Newsletter\NewsletterServiceProvider" 두번째의 경우는 했는데 config 파일이 생성되지 않았다. .env 파일에 직접 추가하기로 했다. MAILCHIMP_APIKEY= MAILCHIMP_LIST_ID=config/newsletter.php 파일은 아래 내용을 복사하여 직접 추..

2018. 1. 2. 18:40