Tempo Di Valse

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

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..

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