프론트엔드
-
vue + 카카오지도 babel-polyfill 오류 대응법(카카오 지도 가져오기 안될 때)프론트엔드/Vue 2022. 9. 11. 13:08
# What? 카카오지도 퍼오기에 babel-polyfill이 들어있어 기존에 ie 대응을 위해 쓰고있었다면 중복선언됐다는 오류가 뜸 # How? babel-polyfill 선언되어있지 않은 경우에만 선언하도록 수정 @ app.js ... if (!global._babelPolyfill && !window._babelPolyfill) { require("babel-polyfill"); } import Vue from 'vue'; ...
-
여러 파일 | 이미지 input 만들기 (여러 이미지)프론트엔드/Vue 2022. 8. 31. 13:52
# What? 파일을 여러개 업로드할 때 쓰는 input # How? 1. 백엔드 준비 - 모델에서 File Attribute [파일명, url, 파일타입] 내보내도록 설정하기 @ User.php // 단일파일 public function getImgAttribute() { if($this->hasMedia('img')) { $media = $this->getMedia('img')[0]; return [ "id" => $media->id, "name" => $media->file_name, "url" => $media->getFullUrl() ]; } return null; } // 복수파일 public function getImgsAttribute() { $items = []; if($this->has..
-
SVG background로 넣기프론트엔드/CSS 2022. 1. 24. 19:49
# What? SVG를 ie도 호환되게 배경이미지로 까는방법 # How? 1. svg 파일 준비 2. svg파일을 코드 에디터로 열어 통째로 복사해서 base64 인코딩하기 https://www.base64encode.net/ Base64 Encode - Online Tool Base64 encode Encode base64 string from 'base64 encoder' to 'YmFzZTY0IGRlY29kZXI=' www.base64encode.net 3. background-image: url('data:image/svg+xml; base64, base64인코딩 결과물'); 와 같은 형태로 붙여넣기