Tempo Di Valse

Laravel Passport 를 적용 하는 중에 문서를 잘 따라 하며 개발을 하고 있다가 마지막으로 API 통신을 위해 Bearer 헤더를 적용하여 테스트 하려는데, 다음과 같이 Illegal offset type 이라는 에러가 발생이 되었다. Object 를 사용하는 곳도 없고.. config/auth.php 관련되어 변경한 것도 없고.. Middleware 도 기본 Authenticate 클래스를 사용하고 있어서 어디가 잘못 되어있는 지 알 수가 없었는데, Authenticate 클래스에서 다음의 이상한 점을 찾았다. handle 을 오버라이드 한 적이 없는 것 같은데;; 갑자기 튀어나와서 당황을 했네. 게다가 $guards 가 varargs 형태를 가지고 있는데 parent 에 넘겨줄 때에는 그냥..

예전부터 열려진 팝업에서 콜백을 받기위해서 내가 알고 있는 것 2가지를 사용하곤 했다. 1. window.opener 를 통하여 팝업을 연 주체에 접근하여 직접 메소드 실행 2. postMessage 를 이용하여 메세지 전달 그런데 이런 경우에는 어떻게 깔끔하게 처리 해야 하는 가에 대해서 고민을 하게 되었다. 1. 메소드를 실행하여 팝업을 연다 2. 아이템을 선택한다. 3. 팝업이 닫힌다. 4. 값을 받아서 리턴을 시킨다. C# 의 경우에는 OpenFileDialog 같은 것을 예를 들자면, dialog 를 열고 파일을 선택하게 되면 files 변수에 내가 선택한 값들이 들어가서 해당 변수를 콜백 삼아 사용하면 되는데... JS 에서는 2번 postMessage 를 사용하는 방식에 대해 먼저 예를 들어..

Laravel 에서는 Vue-cli 가 설치 되어있지 않기 때문에 npm 을 통하여 필요한 Dependency 를 설치해주어야 된다. 설치하는 방법은 자음의 공식 사이트에서 Webpack 설치에 대해 확인하도록 한다. Vuetify — A Material Design Framework for Vue.js vuetifyjs.com 설치를 하게 되고 나서 Vuetify 를 Vue 에 적용하고자 할 때, 다음 2가지의 방법이 있다. 프레임워크 전체를 Import 시키는 경우 내가 프로젝트 내에서 필요한 Vuetify 컴포넌트 들만 Import 시키는 경우 (Vuetify-loader) 를 사용하는경우 인데, 여기서 전자의 경우에는 너무나도 쉽게 공식홈페이지 문서에 나와있는 대로 입력하면 바로 실행을 할 수 있..

listObject 나 V2 메소드를 사용하게 되면 무수히 많은 JSON 정보들과 함께 내가 사용할 값들을 가져올 수 있다. 다음의 JSON 예시는 공식 API 문서에서 가져온 내용이다. AWS SDK for PHP 3.x Client: Aws\S3\S3Client Service ID: s3 Version: 2006-03-01 This page describes the parameters and results for the operations of the Amazon Simple Storage Service (2006-03-01), and shows how to use the Aws\S3\S3Client object to call the described operations docs.aws.amazon...

Laravel 에서는 로컬이나 원격의 파일들을 관리하는데에 Storage 파사드를 사용하여 관리를 한다. 친절하게도 AWS 의 S3 까지도 Storage 로 접근할 수가 있다. 자세한 사항은 다음 홈페이지를 통해 알아보도록 한다. 라라벨 8.x - 파일 스토리지 라라벨 한글 메뉴얼 8.x - 파일 스토리지 laravel.kr 그러나 세부적으로 뭔가를 하기에는 Storage 파사드는 뭔가 부족한 것이 있다. 그래서 Storage 의 한계점을 깨닫고 Laravel 에서 AWS PHP SDK 를 통하여 직접 버킷을 다루도록 작업을 해 보았다. 1. S3 버킷 생성 버킷 생성은 AWS S3 콘솔에서 할 수 있다. 2. IAM 생성 Laravel 에서 특정 AccessKey 를 통해 AWS 서비스에 접근하기 위해..

사용자 로그인 및 인증 프로세스를 구현하려 이것저것 Laravel 문서를 보면서 잘 따라하고 있었다. 라라벨 8.x - 인증 라라벨 한글 메뉴얼 8.x - 인증 laravel.kr 인증에 대한 처리를 Laravel 에서는 아주 멋있게 구현을 해주었기 때문에 개발자는 조금의 코딩만 덧붙여서 애플리케이션을 완성 할 수 있도록 만들어 주었다. 그래서 찬찬히 보고 있었는데, 이메일 데이터와 비밀번호를 입력한 후에 Auth::attempt 를 사용하는 부분에서, 분명히 데이터는 있는데 계속 false 가 떨어져서 진행을 할 수가 없었다. 문서에 충실하게 작성한 코드는 다음과 같다. // Controller function authenticate(Request $request){ $credentials = $req..

먼저 Vue.js 의 동적 컴포넌트란 무엇인가. 해당 내용은 Vue.js 문서에 잘 나와있다. 동적 & 비동기 컴포넌트 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 간단하게 실무쪽으로 사용하는 방법에 대해서 예시로 설명하자면, - 여러 컴포넌트가 있다. 이 때 컴포넌트 들은 거의 같은 구조를 가지고 있다. (다른 구조를 가지고 있어도 상관없긴 함) - 컴포넌트는 한 곳에서 번갈하가면서 뿌려줘야 한다. - 컴포넌트는 비슷한 상호작용을 할 수 있어야 한다. 할 때에 코드로 작성하게되면, 일반적으로 기초만 배웠을 때에는 다음처럼 코딩을 작성할 것이다. 그리고 각 콘텐트 태그들은 다음의 내용을 가지고 있다고 한다. Content {{ n }} 겉보기에는 괜찮을 수 ..

Laravel 에는 Vue 를 올려서 사용할 수 있도록 composer 를 통해서 지원해주고 있다. Webpack 은 물론, Vue 환경에서 개발에 필요한 라이브러리들을 import 시켜주고있어 Laravel 환경에서 참 편하게 개발하고 있다. 여기서 소개할 내용은 Laravel 의 가상 로컬 호스트 패키지인 Valet 환경에 BrowserSync 를 적용하여 Vue 작업과 관련된 소스에서 변경이 일어나면 브라우저에 바로 반영을 시키는 그런 방법을 소개 하도록 하겠다. 일단, laravel/ui 를 통해 Vue 가 적용된 Laravel 환경이 프로젝트에 설치가 되어있어야 한다. 가장 먼저 할 일은 webpack.mix.js 파일을 찾아 browserSync 항목을 추가한다. 아무 것도 설정하지 않은 빈 ..