분류 전체보기
-
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이 복사되었습니다."); }
-
Laravel + nuxt 소셜로그인 #sanctum #social #로그인 #소셜 #vue #nuxt #apiLaravel 2023. 3. 23. 22:50
# What? - API 방식으로 소셜로그인 구현하는 방법 # How? - 기본원리 -> 클라이언트 서버쪽에서 API 서버쪽으로 redirect -> API 서버에서 소셜로그인 후 callback 받기 -> callback 받은 후 로그인 or 가입처리 후 토큰생성 후 클라이언트쪽에 토큰값 넘겨주기 -> 클라이언트쪽에서 socialLogin페이지 따로 만들어놓고 token params받아 로그인 시도하기 -> API쪽에서 login 메소드에 token으로 로그인 요청 있는지를 확인하여 유저정보 및 token값 리턴하기 -> 클라이언트쪽에서 해당 정보로 로그인처리 완료하기 1. 백엔드 세팅 - 백엔드 sanctum 세팅 (sanctum글 참고) - .env 세팅 -> 프론트 서버 url 및 소셜키값 세팅 ..
-
터미널에서 토큰 입력 없이 pull, push 하는 방법 #인증 #생략 #인증생략 #아이디 #비번Github 2023. 2. 14. 12:09
# What? 배포 후 git pull origin master하면 매번 토큰인증해야됨. 매번 안할 방법 # How? - github > settings > developer settings > 토큰 발급 및 해당키 저장해두기 - 배포한 서버에서 cd .git > vi config에서 아래처럼 바꾸기 (user-id와 token값 넣어주기) ... [remote "origin"] url = https://:@github.com/LIMDANBI/Capstone.git ...