분류 전체보기
-
Nuxt 채팅 구현하기 #pusher #nuxt #vue #laravel프론트엔드/Nuxt 2023. 4. 26. 22:55
# What?- nuxt에 pusher 세팅하기 # How?npm install pusher-js {{message.body}} * 주의사항 laravel broadcastOn할 때 PrivateChannel 아닌 그냥 Channel 써야함@ MessageCreated.phpmessage = MessageResource::make($message); // $this->dontBroadcastToCurrentUser(); } /** * Get the channels the event should broadcast on. * * @return \Illuminate\Broadcasting\..
-
axios에 전역에러처리하기 #global #error #catch #error프론트엔드/Nuxt 2023. 4. 6. 18:52
# What? - axios 후 에러있을때마다 공통으로 해주는 작업이 있을 때 전역처리하는법 # How? npm install @nuxtjs/axios @ plugins/axios.js export default function ({ $axios, redirect, store }) { $axios.onError(error => { if(error.response.status == 401) return null; // store.commit('setPop', error.message); if(error.response.status == 422) return alert("입력값을 확인해주세요."); if(error.response.data && error.response.data.message) return..
-
초성검색 (ㄱ,ㄴ,ㄷ,ㅁ,ㅂ...)Laravel 2023. 4. 4. 15:13
# What? 컬럼에 ㄱ, ㄴ같은 초성 포함여부 검색하기 # How? if($char == "ㄱ") $items = Community::whereBetween("title", ["가", "깋"]); if($char == "ㄴ") $items = Community::whereBetween("title", ["나", "닣"]); if($char == "ㄷ") $items = Community::whereBetween("title", ["다", "딯"]); if($char == "ㄹ") $items = Community::whereBetween("title", ["라", "맇"]); if($char == "ㅁ") $items = Community::whereBetween("title", ["마", "밓"]);..
-
유튜브 고유아이디 및 썸네일 url 얻기 #Youtube #유튜브 #썸네Laravel 2023. 4. 2. 20:44
# What? 유튜브 url에서 고유아이디 및 썸네일 url 얻는법 # How? $url = "https://www.youtube.com/watch?v=dQw4w9WgXcQ"; // 비디오 ID 추출 $video_id = ""; parse_str(parse_url($url, PHP_URL_QUERY), $params); if (isset($params["v"])) { $video_id = $params["v"]; } // 썸네일 URL 생성 $thumbnail_url = "https://img.youtube.com/vi/" . $video_id . "/maxresdefault.jpg"; // 결과 출력 echo "Video ID: " . $video_id . " "; echo "Thumbnail URL:..
-
laravel forge로 vue nuxt 배포하는법 #deploy #배포 #nuxt #vue #nuxt배포Laravel/Forge 2023. 3. 28. 16:39
# What? Laravel forge로 vue nuxt 프로젝트 배포하는법 # How? - 프로젝트 생성 - proejct Type은 "State HTML" - web Directory는 "/"로 설정 (advanced로 선택해야 보임) - reposity 연결 (composer install 옵션 체크해제하기) - ssl 설정하기(ssl탭 -> let's encrypt) - ngnix 설정 변경하기 * [웹사이트폴더명, 기존SSL넘버, 웹사이트도메인, 포트번호(기본이 3000)] -> 한 서버에 여러 nuxt 프로젝트 세팅 시 포트번호를 바꿔줘야함 (3001로 바꾼다던지) -> 포트번호를 바꿀 경우 ngnix (127.0.0.1:3000), nuxt.config.js, ecosystem.config...
-
URL 복사 (링크 복사)프론트엔드/Vue 2023. 3. 26. 19:17
# What? 현재 보고 있는 주소 복사 # How? copy(){ var url = ''; var textarea = document.createElement("textarea"); document.body.appendChild(textarea); url = window.document.location.href; textarea.value = url; textarea.select(); document.execCommand("copy"); document.body.removeChild(textarea); alert("URL이 복사되었습니다."); }