분류 전체보기 검색 결과
454 개의 검색 결과가 있습니다.
내가 자꾸 까먹어서 쓰는 개발 이야기/Vue.js

템플릿 디렉티브 믹스

Vue.js 가이드의 내용에 따라, keyup, keydown 등의 이벤트를 @keyup 디렉티브로 사용 해 왔다. https://vuejs.org/v2/guide/events.html#System-Modifier-Keys Event Handling — Vue.js Vue.js - The Progressive JavaScript Framework vuejs.org 이곳을 보면 이벤트 디렉티브에 키 조합이 사용 가능한 것을 알수있다. alt+key 라던가, ctrl+key 라던가.. 대표적으로 @keyup.enter 를 많이 쓰게 되는데, 이 중 "enter" 부분은 key code로도 대체 가능하다. @keyup.enter == @keyup.13 input element 에서는 특정 키에 대해서 이벤트 ..

2019. 4. 24. 10:54
내가 자꾸 까먹어서 쓰는 개발 이야기/JavaScript

[Webpack] 원격 서버 Browser-Sync 사용하기

파일이 변경되면 브라우저를 자동으로 새로고침 해 주는 Browser-Sync 라는게 있다고 한다. 찾아보니 로컬서버의 경우는 매우 쉽게 설정이 가능한듯 했다. 하지만 나는 원격 서버 유저... (로컬 네트워크 내에 가상머신을 몇개 만들어 사용) 뭔짓을 해도 새로고침이 되지 않기에, 구글신께 빌어 계시를 받았다. [Laravel-mix 의 경우] 기본적으로 Browser-Sync가 dependency에 포함되어 있다. webpack.mix.js 파일에 셋팅만 해주면 된다. 윈도우의 hosts 파일을 변경하여 가상 도메인으로 활용중이므로, proxy 설정을 포함 해 준다. mix.browserSync({ proxy: 'http://my-virtual-domain.com', files: [ './dist/**..

2019. 3. 20. 11:15
내가 자꾸 까먹어서 쓰는 개발 이야기/Vue.js

[webpack 4] vendor와 common 합체

webpack을 3에서 4로 업데이트 했다. 같은 툴인데 뭐가 얼마나 다르겠나 하고 시작했다. 많이 달랐다. 이 쉐키들... 일단 가장 중요한 요소로, CommonsChunkPlugin 이 deprecated 되어 사용할 수 없게 되었다. 대신 config.optimization.splitChunks 를 사용해야 한다. 샘플만 보고 따라했더니, 기존에 common 으로 묶었던 공통 js가 vendor.js 와 common.js 로 분리되었다. 게다가 css도 단일 파일로 만들던것이 직접 만든 css 파일들이 포함되지 않게 되어버렸다. 구글을 하루 종일 뒤진 끝에 분리 된 파일들을 병합할 수 있었다. 추가/변경 된 부분만 나열하자면 이렇다. (기존 entry 등은 대부분 동일하다) mode: "none",..

2019. 3. 14. 12:27
내가 자꾸 까먹어서 쓰는 개발 이야기/Laravel

Laravel-mix로 webpack 사용하기

이런게 있다는걸 이제야 알았다. 심지어 5.4 이전 버전에서도 exlixir 라는 이름으로 존재했었다고 한다. 애초에 composer require를 통해 laravel을 설치했으니 그럴만도 하다. 기존 프로젝트에 npm i -S laravel-mix 를 할수도 있지만, 그 부분은 알아서 응용하는걸로... ~ 우분투 18.04, node와 npm 설치 된 것으로 가정 ~ 우선 OS에 laravel installer를 설치해준다. composer require global "laravel/installer" 다음으로 laravel 커맨드를 실행하기 위해 installer 커맨드의 PATH를 잡아줘야 한다. ~/.bashrc 를 열어 아래와 같이 PATH를 추가 해 준다. PATH=$PATH:~/.confi..

2018. 10. 2. 16:51
내가 자꾸 까먹어서 쓰는 개발 이야기/Laravel

블레이드 템플릿의 lang 지시어 보안패치

https://github.com/laravel/framework/pull/25408#issuecomment-418123476 보안 관련 문제로 인해 블레이드 템플릿의 @lang 지시어가 패치되었다고 한다. 기존에는 @lang("main.welcome") 과 같이 사용하면 다국어 설정의 HTML 태그들이 렌더되어 출력되었는데, 최근 버전(정확한 버전은 모르고 개인적으로 5.5.42 부터 확인했음)에서는 태그들이 그대로 출력된다. XSS 관련 이슈이며, 이후에도 롤백되지 않을것이라고 한다. 대안은 trans(or __) 함수로, {!! __("main.welcome") !!} 와 같이 사용해야 한다. 새로 배포한 사이트 메인에 태그가 다 보여서 개당황... @lang으로 HTML포함된 문자열을 많이 가지고..

2018. 9. 19. 14:14
내가 자꾸 까먹어서 쓰는 개발 이야기/PHP

Deployer로 배포할때 Slack에 알림 보내기

사실 이건 deployer repository에 recipe가 있다. https://deployer.org/recipes/slack Composer로 이 레시피를 설치해서 사용하면 된다. Slack > Administration > Manage Apps > Custom integrations > Incoming Webhooks 로 들어가 Webhook을 새로 만들고, 해당 webhook url을 slack recipe에 셋팅해주면 된다. set('slack_webhook', 'https://hooks.slack.com/services/{YOUR_WEBHOOK}');이렇게. 이후 메뉴얼에 나온대로 slack_text, slack_success_text, slack_failure_text 를 설정하면 배포 ..

2018. 8. 21. 10:32