알파인js

https://github.com/alpinejs/alpine

테일윈드css 로딩 스피너 설치

https://github.com/aniftyco/tailwindcss-spinner1. 설치npm install --save-dev tailwindcss-spinner2. tailwind.config.js  플러그인을 넣어준다.1234567891011121314module.exports = {  theme: {    extend: { ...

8. 검색구현하기

1. livewire 설치하기 https://laravel-livewire.com/docs/quickstart2. 레이아웃에 스타일, 스크립트 추가main.blade.php Movie App -- Tailwind Css Style --> -- Fomtatwesome -->...

7. 디테일페이지 만들기

1. web.php

6. movie component 만들기

1. 컴포넌트 파일 만들기php artisan make:component MovieCard2. views/components/movie-card.blade.php componentindex.blade.php 파일에 내용을 지워주고 를 삽입한다. POPULAR MOVIES...

5. HTTP 클라이언트

4. main, index, show 디자인양식

1. resources/views/layouts/main.blade.phpDOCTYPE html> Movie App -- Tailwind Css Style --> -- Fomtatwesome -->...

3. 구조잡기

1. views/layouts/main.blade.php 파일생성DOCTYPE html> Movie App -- Tailwind Css Style --> Nav goes here @yield('content')2. views/index.blade.php 파일생성@extends('layouts....

2. Fontatwesome 설치하기

1. 폰트어썸 설치npm install --save-dev @fortawesome/fontawesome-free    2. resources/sass/app.scss$fa-font-path :"../webfonts"; //fontawesome@import '~@fortawesome/fontawesome-free/scss/fontawesome.sc...

1. 라라벨7설치, 테일윈드css설치

1. 라라벨7 설치composer create-project --prefer-dist laravel/laravel laravel-movies2. npm 패키지설치npm install3. 테일윈드CSS 패키지설치https://tailwindcss.com/docs/installation/  npm install tailwind...