본문 바로가기

프로그래밍/Web62

Laravel Jetstream Inertia Jetstream이 제공하는 Inertia 스택은 Vue.js를 템플릿 언어로 사용합니다. Inertia 애플리케이션을 구축하는 것은 일반적인 Vue 애플리케이션을 구축하는 것과 많이 비슷하지만, Vue 라우터 대신 Laravel의 라우터를 사용하게 됩니다. Inertia는 Laravel 백엔드에서 단일 파일 Vue 컴포넌트를 렌더링할 수 있게 해주는 작은 라이브러리로, 컴포넌트의 이름과 해당 컴포넌트의 "props"로 채워질 데이터를 제공함으로써 작동합니다. 다시 말해, 이 스택은 클라이언트 측 라우팅의 복잡성 없이 Vue.js의 전체 기능을 제공합니다. Inertia 스택은 Vue.js를 템플릿 언어로 사용하는 것에 익숙하고 즐기는 경우에 좋은 선택입니다. Inertia를 사용할 때, 애플리케이션의 .. 2024. 1. 8.
Laravel Jetstream Browser Sessions Laravel Jetstream의 보안 기능은 사용자가 오른쪽 상단의 사용자 프로필 내비게이션 드롭다운 메뉴를 통해 접근할 수 있습니다. 이 대시보드 내에서, Jetstream은 사용자가 자신의 계정과 연결된 브라우저 세션을 보는 것을 허용하는 뷰를 제공합니다. 또한, 사용자는 현재 사용 중인 장치 외의 다른 브라우저 세션에서 "로그아웃"할 수 있습니다. 이 기능은 Laravel의 내장된 Illuminate\Session\Middleware\AuthenticateSession 미들웨어를 활용하여 현재 사용자로 인증된 다른 브라우저 세션들을 안전하게 로그아웃합니다. Jetstream 내에서 브라우저 세션 관리를 활용하려면, 세션 설정의 드라이버(또는 SESSION_DRIVER 환경 변수)가 'databas.. 2024. 1. 8.
Laravel Jetstream Two Factor Authentication Laravel Jetstream은 모든 Jetstream 애플리케이션에 대해 자동으로 2단계 인증 지원을 제공합니다. Laravel Jetstream의 보안 기능은 사용자가 오른쪽 상단의 사용자 프로필 내비게이션 드롭다운 메뉴를 통해 접근할 수 있습니다. 이 대시보드 안에서 Jetstream은 사용자가 자신의 계정에 대해 2단계 인증을 활성화하고 관리할 수 있는 뷰를 제공합니다. 사용자가 자신의 계정에 2단계 인증을 활성화할 때, 그들은 Google Authenticator와 같은 무료 TOTP 인증 애플리케이션을 사용하여 주어진 QR 코드를 스캔해야 합니다. 또한, 그들은 1Password와 같은 안전한 비밀번호 관리자에 나열된 복구 코드를 저장해야 합니다. 사용자가 모바일 장치에 접근할 수 없게 되면.. 2024. 1. 8.
Laravel Jetstream Password Confirmation 애플리케이션을 구축하는 동안, 특정 행동을 수행하기 전에 사용자가 자신의 비밀번호를 확인해야 하는 경우가 간혹 있을 수 있습니다. 예를 들어, 제트스트림 자체는 사용자가 이중 인증 설정을 변경하기 전에 비밀번호를 확인하도록 요구합니다. 다행히도, 제트스트림은 이를 간단하게 구현할 수 있는 내장 기능을 제공합니다. 제트스트림은 비밀번호 확인을 위해 두 가지 접근 방식을 제공합니다: Redirect Based Password Confirmation 리디렉트 기반 비밀번호 확인은 사용자가 애플리케이션에 의해 렌더링된 전체 화면, 예를 들어 결제 설정 화면에 액세스하기 전에 비밀번호를 확인해야 할 때 일반적으로 사용됩니다. 이 비밀번호 확인 형태는 사용자를 전용 비밀번호 확인 화면으로 리디렉션합니다. 여기서 사.. 2024. 1. 8.
Laravel Jetstream Password Update 라라벨 제트스트림의 보안 기능은 사용자가 오른쪽 상단의 사용자 프로필 탐색 드롭다운 메뉴를 사용하여 접근할 수 있습니다. 이 대시보드 내에서, 제트스트림은 사용자가 계정과 관련된 비밀번호를 업데이트할 수 있도록 뷰를 구조화합니다. Actions 대부분의 제트스트림 기능과 마찬가지로, 기능을 구현하는 데 사용되는 기본 로직은 해당하는 액션 클래스를 수정함으로써 사용자 정의될 수 있습니다. 사용자가 비밀번호를 업데이트할 때 `App\Actions\Fortify\UpdateUserPassword` 클래스가 호출됩니다. 이 액션은 입력을 검증하고 사용자의 비밀번호를 업데이트하는 책임이 있습니다. 이 액션은 비밀번호에 적용될 검증 규칙을 결정하기 위해 `App\Actions\Fortify\PasswordValid.. 2024. 1. 8.
Laravel Jetstream Profile Management 라라벨 제트스트림의 프로필 관리 기능은 사용자가 오른쪽 상단의 사용자 프로필 탐색 드롭다운 메뉴를 사용하여 접근할 수 있습니다. 제트스트림은 사용자가 이름, 이메일 주소 및 선택적으로 프로필 사진을 업데이트할 수 있도록 뷰와 액션을 구조화합니다. Actions 대부분의 제트스트림 기능과 마찬가지로, 프로필 업데이트 요청을 충족하기 위해 실행되는 로직은 애플리케이션 내의 액션 클래스에서 찾을 수 있습니다. 구체적으로, 사용자가 프로필을 업데이트할 때 `App\Actions\Fortify\UpdateUserProfileInformation` 클래스가 호출됩니다. 이 액션은 입력을 검증하고 사용자의 프로필 정보를 업데이트하는 책임이 있습니다. 따라서, 이 정보의 관리에 대해 애플리케이션에서 하고자 하는 모든 .. 2024. 1. 6.
Laravel Jetstream Registration 물론, 누군가가 애플리케이션을 사용하기 전에 계정을 생성해야 합니다. 다행히도, 제트스트림은 사용자 등록을 처리하는 등록 뷰와 해당 액션을 제공하여, 애플리케이션 구축에 집중할 수 있도록 합니다. Actions 대부분의 제트스트림 기능과 마찬가지로, 등록 요청을 충족하기 위해 실행되는 로직은 애플리케이션 내의 액션 클래스에서 찾을 수 있습니다. 액션은 제트스트림 또는 포티파이 기능과 관련된 단일 작업을 수행하는 세부적인 클래스입니다. 구체적으로, 사용자가 애플리케이션에 등록할 때 `App\Actions\Fortify\CreateNewUser` 클래스가 호출됩니다. 이 액션은 들어오는 요청 입력을 검증하고 사용자를 생성하는 책임이 있습니다. 따라서 사용자 생성 로직에 대해 하고자 하는 모든 사용자 정의는 .. 2024. 1. 6.
Laravel Jetstream Authentication 라라벨 제트스트림은 로그인, 이중 인증 로그인, 등록, 비밀번호 재설정, 이메일 인증 기능을 자동으로 구조화하여 프로젝트에 대해 제공합니다. 이를 통해 사용자 인증의 세부 사항에 대해 걱정하지 않고 중요하게 생각하는 기능을 구축하기 시작할 수 있습니다. Laravel Fortify 내부적으로, 제트스트림의 인증 부분은 라라벨 포티파이(Laravel Fortify)에 의해 구동되며, 이는 라라벨을 위한 프론트엔드에 구애받지 않는 인증 백엔드입니다. 본질적으로, 포티파이는 애플리케이션의 인증 기능을 구현하기 위한 경로와 컨트롤러를 정의하는 반면, 제트스트림 UI는 그 경로로 요청을 보냅니다. 제트스트림이 설치되면, `config/fortify.php` 설정 파일이 애플리케이션에 설치됩니다. 이 설정 파일 내.. 2024. 1. 6.
Laravel Jetstream API 제트스트림은 라라벨 생텀(Laravel Sanctum)과의 first-party 통합을 포함합니다. 라라벨 생텀은 SPA(싱글 페이지 애플리케이션), 모바일 애플리케이션, 그리고 간단한 토큰 기반 API를 위한 경량 인증 시스템을 제공합니다. 생텀은 애플리케이션의 각 사용자가 자신의 계정에 대해 여러 API 토큰을 생성할 수 있게 해줍니다. 이 토큰들은 어떤 작업을 수행할 수 있는지 지정하는 능력/권한을 부여받을 수 있습니다. 기본적으로, API 토큰 생성 패널은 오른쪽 상단의 사용자 프로필 드롭다운 메뉴의 "API" 링크를 사용하여 접근할 수 있습니다. 이 화면에서 사용자는 다양한 권한을 가진 생크텀 API 토큰을 생성할 수 있습니다. Enabling API Support 애플리케이션이 제3자에 의해 .. 2024. 1. 6.
Laravel Jetstream Teams --teams 옵션을 사용하여 제트스트림(Jetstream)을 설치한 경우, 애플리케이션은 팀 생성 및 관리를 지원하도록 구조화될 것입니다. 제트스트림의 팀 기능은 각 등록된 사용자가 여러 팀을 생성하고 소속될 수 있도록 합니다. 기본적으로 모든 등록된 사용자는 "Personal" 팀에 속하게 됩니다. 예를 들어, "Sally Jones"라는 이름의 사용자가 새 계정을 생성하면 "Sally's Team"이라는 팀에 할당됩니다. 등록 후 사용자는 이 팀의 이름을 변경하거나 추가 팀을 생성할 수 있습니다. 제트스트림의 팀 구조화와 방식이 모든 애플리케이션에 적합하지 않을 수 있습니다. 사용 사례에 맞지 않는다면, 팀 기반의 제트스트림 애플리케이션이 아닌 애플리케이션을 생성하고 자신의 필요에 따라 수동으로 팀.. 2024. 1. 6.
Laravel Jetstream 시작하기 설치 composer require laravel/jetstream 제트스트림(Jetstream) 패키지를 설치한 후에는 jetstream:install 아티즌 명령을 실행할 수 있습니다. 이 명령은 선호하는 스택의 이름(livewire 또는 inertia)을 받습니다. 또한, --teams 스위치를 사용하여 팀 지원을 활성화할 수 있습니다. jetstream:install 명령은 제트스트림이 제공하는 기능에 대한 테스트 커버리지를 제공하는 일련의 "feature" 테스트도 설치할 것입니다. Pest PHP를 테스트에 사용하고 싶다면, 기본 PHPUnit 테스트 스위트 대신 Pest 테스트 스위트를 설치하는 --pest 스위치를 사용할 수 있습니다. Install Jetstream With Livewir.. 2023. 12. 27.
라라벨 Fortify Introduction 라라벨 포티파이(Laravel Fortify)는 라라벨의 프론트엔드에 구애받지 않는 인증 백엔드 구현입니다. 포티파이는 로그인, 회원가입, 비밀번호 재설정, 이메일 인증 등 라라벨의 모든 인증 기능을 구현하기 위해 필요한 경로와 컨트롤러를 등록합니다. 포티파이를 설치한 후에는 Artisan 명령어 route:list 를 실행하여 포티파이가 등록한 경로를 확인할 수 있습니다. 포티파이는 자체 사용자 인터페이스를 제공하지 않기 때문에, 사용자의 인터페이스와 함께 사용되어야 합니다. 이 인터페이스는 포티파이가 등록한 경로에 요청을 보내는 방식으로 작동합니다. 이 문서의 나머지 부분에서 이러한 경로에 요청을 보내는 방법에 대해 자세히 논의할 것입니다. 기억하세요, 포티파이(Fortify).. 2023. 12. 21.
라라벨 서브 디렉토리에 설치하기 nginx, valet 부득이한 경우, 특정 디렉토리 아래 라라벨을 설치하고 서브 URI 를 통해 접속해야하는 일이 생길 수 있습니다. 이와 관련하여 nginx 설정 및 valet 설정을 다음과 같이 합니다. nginx 설정 도메인/v1 에 연결하고자 할 경우 location /v1 { alias /home/어쩌구/html/v1/public; index index.php; try_files $uri $uri/ @laravel; location ~ \.php$ { fastcgi_split_path_info ^(.+\.php)(/.+)$; fastcgi_param SCRIPT_FILENAME $request_filename; fastcgi_pass unix:/var/run/php-fpm/어쩌구.sock; include fastcg.. 2022. 11. 21.
Blazor 서버 앱 Elastic BeansTalk 배포 먼저, AWS Tookit 을 설치합니다. 2022.04.22 - [서버/클라우드] - AWS Toolkit for Visual Studio 설치 Visual Studio 에서 Blazor Server 앱을 선택하여 프로젝트를 생성합니다. 프로젝트가 생성되면 AWS Serverless 로 배포하여 정상적으로 동작하는지 확인합니다. 솔루션 탐색기에서 프로젝트를 선택하고 마우스 우클릭한 다음, 팝업에서 Publish to AWS Elastic Beanstalk... 를 실행합니다. 기존 사용하던 Elastic Beanstalk 환경이 있으면 이를 사용하여도 됩니다. 일단 새로운 어플리케이션 환경을 선택하여 새로이 환경 설정을 진행합니다. 사용할 URL 을 지정합니다. 이때 필요한 IAM 정책 권한은 Admi.. 2022. 5. 23.
Mac OS 에서 mcrypt 설치하기 brew 를 사용하여 php 를 버전별로 설치하여 사용하고 있다면, extention 모듈을 pecl 을 이용하여 설치할 수 있습니다. mcrypt.so 를 연동하고 싶다면 다음과 같이 실행합니다. brew install mcrypt pecl install mcrypt 이 과정에서 아래의 이미지처럼 prefix 를 물어오는 경우, 해당 소스가 위치한 경로를 입력하여야합니다. 가령, /opt/homebrew/Cellar/mcrypt/2.6.8 과 같이 지정합니다. 2021. 2. 12.