명령어# 마이그레이션 관련 명령어## 테이블 생성php artisan make:migration create_user_info_table --create=user_info## 테이블 수정php artisan make:migration modify_users_table --table=users## 마이그레이트(db에 반영)php artisan migrate## 마이그레이트 롤백php artisan migrate:rollback############################################################################################# livewire 설치 및 사용## livewire 설치composer require livewire/livewire#..

페이지에 이미지가 많을 경우 하나의 페이지를 호출할 때 모든 이미지를 호출하도록 한다면 그 페이지는 로딩 속도가 매우 느릴 수 있습니다. cdn으로 호출한다고 해도 용량이 큰 이미지가 많이 호출 될 경우 느릴수있습니다. 그래서 페이지 로딩 시 경량화 이미지 혹은 이미지를 호출하지 않고 이미지가 있는 영역에 갔을 때 로드될 수 있도록 하는 기능이 lazyload 입니다. 설치부터 사용방법까지 작성해봅니다. 1. 설치 npm install vue-lazyload --save 2. 사용방법 - main.js 에 라이브러리 로드 // lazyload 라이브러리 로드 import VueLazyload from 'vue-lazyload'; // vue app 에 VueLazyload 사용 app.use(VueLaz..

vuejs 를 사용하여 github io를 통해 나만의 페이지를 만드려고 합니다. SPA(Single Page Application) 으로 만들 예정입니다. 설치 환경 - Mac OS (Mac Silicon) 1. github 저장소 생성 및 설정 1-1. public 저장소로 생성해야 합니다 (private으로 하면 웹페이지 접근이 불가합니다.) 1-2. 생성 후 해당 저장소로 진입 후 Settings > Pages 로 진입하여 Branch 항목에서 아래와 같이 설정 후 저장해줍니다 2. 로컬에서 vuejs 설치 및 설정하기 2-1. nodejs 설치 : node 홈페이지 접속 후 자신의 os 환경에 맞는 installer 를 다운로드 받아 설치 - 설치가 완료 된 후 node -v 확인하면 아래와 같..

오늘은 laravel breeze 환경에서 socialite 패키지를 사용 한 소셜로그인 연동 및 users 테이블 트랜잭션까지의 설명을 작성하려 합니다. 카카오, 네이버 먼저 소셜로그인을 구현해보겠습니다. 해당글은 socialite에 대한 사용예시를 작성하는것이기에 카카오,네이버 애플리케이션 생성부터 설정에 대한 부분은 작성하지 않습니다.. (사실 카카오, 네이버에 작성 된 문서가 더 깔끔합니다..ㅎㅎ) 카카오 로그인 가이드 문서 : https://developers.kakao.com/docs/latest/ko/kakaologin/common Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제..

요즘 라라벨 공부 및 업무를 하고 있어.. 개인 pc에서 공부를 하기 위해 초기 설정을 하였습니다. 저는 docker container 환경으로 진행하고 있고 ubuntu 22.04 환경에서 진행합니다. 추가적으로 composer, php 가 설치되어있다는 가정하에 진행합니다. 사실 제일 쉬운것은 sail이라는것을 사용하는것이지만 제 개인 pc에서 사용중인 docker 에 직접 설치하고 진행을 해보고 싶어 sail은 진행하지 않으려고 합니다. sail에 대해 자세히 확인하고싶은 분들께서는 라라벨 한국어 문서 혹은 라라벨 10.x 공식 문서 확인 부탁드립니다! 라라벨 문서(한국어 버전) - https://laravel.kr/docs/9.x 라라벨 10.x 공식 문서 - https://laravel.com/..

jenkins 란 우리들이 서비스를 제공하는 프로그램의 지속적인 유지보수를 위핸 지속적 통합/지속적 배포(Continuous Intergration/Continuous Delivery) 도와주는 도구? 입니다. 저도 아직 실무에서는 사용해본적이 없지만 이번기회를 통해 진행해보려고 일단 로컬 도커 container로 생성 한 우분투 환경에서 설치를 진행 하였습니다. 설치 방법은 아래와 같습니다. # apt 패키지 업데이트 apt update # java 11 설치 apt install openjdk-11-jdk -y # key 등록 curl -fsSL https://pkg.jenkins.io/debian/jenkins.io-2023.key | sudo tee /usr/share/keyrings/jenkin..