분류 전체보기151 ✅ Next.js 15 layout.tsx에서 사용하는 metadata 완벽 정리 최신 Next.js 15에서 layout.tsx 또는 page.tsx에 SEO와 소셜 미디어 정보를 설정하는 방법을 소개합니다.📌 metadata란? metadata는 검색엔진 최적화(SEO), SNS 공유 미리보기, 모바일 브라우저 설정 등을 위한 메타 정보 설정입니다.전역 설정은 layout.tsx에, 페이지별 설정은 page.tsx에서 generateMetadata()를 사용합니다. // app/layout.tsx 또는 app/page.tsxexport const metadata = { title: '페이지 제목', description: '페이지 설명', ...} 🗂️ 주요 속성과 설명 속성명 설명title브라우저 탭 제목 및 .. 2025. 4. 30. 라라벨 언어 한국어로 설정하기 1. app.php설정 하기-config/app.php-//애플리케이션의 기본 언어를 지정'locale' => env('APP_LOCALE', 'en'),//기본 로케일에서 번역 문자열을 찾을 수 없을 때 사용할 대체 로케일을 설정'fallback_locale' => env('APP_FALLBACK_LOCALE', 'en'),//Faker가 생성하는 가짜 데이터의 언어'faker_locale' => env('APP_FAKER_LOCALE', 'en_US'),-.env-APP_LOCALE=koAPP_FALLBACK_LOCALE=enAPP_FAKER_LOCALE=ko_KR 2. laravel-lang 설치https://laravel-lang.com/packages-lang.html#usage Lang | L.. 2024. 7. 11. GitHub 저장소에서 특정 날짜의 커밋으로 되돌리기 1. 특정 날짜의 커밋 찾기 git log --since="2023-11-29" --until="2023-11-30"//2023-11-29부터 2023-11-30까지의 커밋 기록을 보여줍니다.-ex-commit 45cf1708415490004122aa74bfd89613e489772cAuthor: username Date: Mon Sep 4 09:26:38 2023 +0900 First Commit 2. 로컬 브랜치를 특정 커밋으로 되돌리기 git reset --hard 되돌리려는 브랜치에서 해당 명령어를 입력하면 로컬에서 해당 커밋기록으로 되돌아 갑니다. 3. 변경 사항을 원격 저장소에 강제로 푸시하기git push origin main --force 2024. 7. 5. MongoDB에서 문서 조회 비교 연산자 예제 MongoDB에서 문서를 조회할 때 사용할 수 있는 다양한 비교 연산자가 있습니다. 이 연산자들은 특정 조건에 맞는 문서를 필터링하는 데 사용됩니다. 비교 연산자 목록$eq (equal)$ne (not equal)$gt (greater than)$gte (greater than or equal)$lt (less than)$lte (less than or equal)$in (in array)$nin (not in array) 사용 예시 $eq (equal)특정 필드가 주어진 값과 같은 문서를 찾습니다.db.collection.find({ field: { $eq: value } })예제:db.users.find({ age: { $eq: 25 } }) $ne (not equal)특정 필드가 주어진 값과 같지 .. 2024. 7. 3. 라라벨 쿼리빌더 정렬 기본 정렬use Illuminate\Support\Facades\DB;// 이름을 기준으로 오름차순 정렬$employees = DB::table('employees')->orderBy('name', 'asc')->get();// 이름을 기준으로 내림차순 정렬$employees = DB::table('employees')->orderBy('name', 'desc')->get(); 다중 열 정렬use Illuminate\Support\Facades\DB;// 먼저 'position' 기준 오름차순, 다음으로 'name' 기준 내림차순 정렬$employees = DB::table('employees') ->orderBy('position', 'asc') ->orderBy('name', 'desc'.. 2024. 7. 2. Laravel 쿼리 빌더 CRUD 예제 Ex TableCREATE TABLE employees ( id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(100), position VARCHAR(100), salary DECIMAL(10, 2)); 생성(Create)use Illuminate\Support\Facades\DB;// 레코드 삽입DB::table('employees')->insert([ 'name' => 'Alice', 'position' => 'Developer', 'salary' => 60000]);// 레코드 삽입후 PK추출$id = DB::table('employees')->insertGetId([ 'name' => 'Alice', 'positi.. 2024. 7. 2. Dockerfile 작성 요령 Dockerfile은 Docker 이미지 생성의 청사진을 제공하는 파일입니다. Dockerfile의 주요 명령어와 사용 방법을 아래에 설명합니다.1. FROMFROM 명령어는 Docker 이미지의 기본 이미지를 지정합니다. 모든 Dockerfile은 FROM 명령어로 시작해야 합니다.FROM ubuntu:20.04 2. RUNRUN 명령어는 컨테이너 내부에서 명령을 실행합니다. 보통 패키지 설치나 파일 시스템 설정에 사용됩니다.RUN apt-get update && apt-get install -y nginx 3. COPYCOPY 명령어는 호스트 시스템의 파일이나 디렉토리를 이미지의 파일 시스템으로 복사합니다.COPY src/ /app/ 4. ADDADD 명령어는 COPY와 비슷하지만, URL에서 파일을.. 2024. 7. 2. window에서 nginx사용하기 우선 nginx는 윈도우에서 돌릴수 없기 떄문에 window에 linux를 설치해서 사용해야한다그래서 wsl을 설치하고 거기에 nginx를 구동시켰다. WSL설치powershell에서 명령어를 입력해 설치한다.wsl --install 설치가 완료되면리눅스 폴더가 생긴것을 볼수있다 powershell에 wsl명령어를 입력하면 이런 형태로 접근이 되는것을 볼수있다. 이상태는 linux의 명령어를 사용 할 수 있는 상태이다. Nginx 설치sudo apt updatesudo apt install nginx 설치가 완료되면etc안에 설치된것을 확인 할 수 있다. Nginx 공식문서https://nginx.org/en/docs/beginners_guide.html Beginner’s GuideBeginner’s .. 2024. 5. 12. Windows의 네트워크 설정을 조작하는 netsh 도구를 사용하여 포트포워딩 외부접속을 하기 위해 포트포워딩을 했는데 포트가 달라 다시 설정해달라고 요청드리기 뭐해서 찾아보니 윈도우에서 포트포워딩을 할수있어서 적게됨 PowerShell을 관리자 권한으로 실행 - 포트 포워딩netsh interface portproxy add v4tov4 listenport=수신할 포트 listenaddress=수신할 ip connectport=전달될 포트 connectaddress=전달될 ip listenaddress=0.0.0.0으로 설정하면 모든 인터페이스에서 들오는 연결을 수락함 -포트 포워딩 확인netsh interface portproxy show all -포트 포워딩 삭제netsh interface portproxy delete v4tov4 listenport=수신했던 포트 list.. 2024. 5. 12. 이전 1 2 3 4 ··· 17 다음
