Nuxt 2 Update & Laravel Payment Filter

Описание: 안녕하세요, 이번 프로젝트 셋업에 대해 설명드리겠습니다. 👋
Hello sir, good day. I’ll be explaining the project setup today.

이 프로젝트는 Nuxt를 사용하고 있습니다. ⚙️
This project uses Nuxt.

원래 Vue로 시작했지만, SEO 최적화를 위해 Nuxt로 업데이트하였습니다. 🔍
It initially used Vue but was updated to Nuxt to enable SEO for all pages, not just the index.

Nuxt 버전을 2로 변경하고 적용했습니다. 🚀
I updated the setup to Nuxt version 2.

홈페이지의 경우 이미지만 바뀌었습니다. 🖼️
On the homepage, the only change was updating the image.

최신 AI 이미지 대신 이전 이미지로 되돌렸습니다. 🤖➡️📷
I reverted to the older images instead of the newer AI-generated ones from the Vercel deployment.

새로 추가된 ‘인사말’ 페이지도 구현했습니다. 👋📄
I added a new page called “Greetings.”

이 페이지는 번역 기능도 포함되어 있습니다. 🌐
This page includes translation support.

현재 ‘회사 소개’ 페이지는 아직 작업 중입니다. 🏗️
The “Company Overview” page is still in progress and will be done today.

다음 프로젝트도 Nuxt 기반입니다. 🔁
The next project I worked on also uses Nuxt.

Nuxt는 Vue의 프레임워크이며 SEO를 각 페이지에 적용할 수 있습니다. 💡
Nuxt is a framework based on Vue that allows SEO on every page.

텍스트 정렬을 재구성하고 애니메이션 텍스트를 아래쪽에 표시하였습니다. ✍️✨
I reordered the text and placed an animation text at the bottom of the title.

또 다른 프로젝트는 프론트엔드에 Vue, 백엔드에 Laravel을 사용합니다. 🧩
Another project uses Vue for frontend and Laravel for backend.

Vue는 SPA를 지원하여 페이지 전환 시 부드럽게 작동합니다. 🎯
Vue enables a single-page application (SPA) with smooth navigation.

Laravel에서 API를 관리하며, 데이터베이스는 MySQL을 사용합니다. 🛠️📊
The APIs are handled through Laravel and the database used is MySQL.

이번에 작업한 부분은 결제 대시보드입니다. 💳📊
I worked on the payment dashboard.

일부 필터 기능이 누락되어 이를 수정하였습니다. 🧹
There was a missing filter on the payment list, which I’ve now fixed.

월별 필터링이 잘 작동되도록 구현했습니다. 📅✅
I implemented a working month-based filter that reloads data based on the selected month.

오늘의 작업은 여기까지입니다. 감사합니다! 🙏
That wraps up my accomplishments for today. Thank you!

📧 Contact: [email protected]

💻 Technical Summary | 기술 요약
🧱 프로젝트 스택 개요
🔧 Project Stack Overview

프론트엔드: Vue.js 기반으로 시작했으며, 전체 페이지에 대한 SEO 지원을 위해 Nuxt 2로 업그레이드되었습니다.
Frontend: Originally Vue.js, upgraded to Nuxt 2 for full SEO support.

백엔드: Laravel을 사용하여 API를 관리합니다.
Backend: Laravel for handling APIs.

데이터베이스: MySQL을 사용합니다.
Database: MySQL.

📝 주요 작업 및 업데이트
🛠️ Key Updates & Tasks

Vue에서 Nuxt로 마이그레이션하여 SEO 향상.
Migrated from Vue to Nuxt for SEO optimization.

Nuxt 버전 2 적용.
Applied Nuxt version 2.

홈페이지 이미지를 AI 버전에서 기존 이미지로 되돌림.
Reverted homepage images from AI-generated to original assets.

‘인사말(Greetings)’ 페이지 구현 및 다국어 번역 기능 추가.
Added “Greetings” page with multilingual support.

‘회사 소개’ 페이지는 아직 진행 중.
“Company Overview” page still in progress.

🎨 레이아웃 개선
🖋️ Layout Adjustments

텍스트 정렬 수정 및 타이틀 아래 애니메이션 텍스트 표시.
Reordered text and added animated text below the page title.

💳 결제 대시보드 개선 사항
📊 Payment Dashboard Enhancements

필터 기능 누락 확인 및 수정.
Fixed missing filter on payment list table.

선택된 월에 따라 데이터를 로드하는 월별 필터링 기능 구현.
Implemented month-based filtering with proper data reloading.

🏷️ Hashtags
#NuxtJS #VueJS #Laravel #MySQL #FrontendDevelopment #BackendDevelopment #WebDeveloper #SEOFriendly #SPA #웹개발 #프론트엔드 #백엔드 #개발일지 #개발로그 #WsoftLabs #uedev