Next.js에서 HTTPS로 로컬 개발 서버 열기

배경CORS 관련 이슈나, 성능, 보안 등의 이유로 로컬 개발 서버에서도 HTTPS가 필요할 수 있습니다. 다음과 같이 Next.js에서 HTTPS로 로컬 개발 서버를 열 수 있습니다. 준비물Next.js 최신버전 npm i next@latest 명령어를 통해 Next.js 최신 버전을 준비해주세요. 아직 프로젝트를 시작하지 않았았다면 npx create-next-app@latest 명령어를 통해 시작할 수 있습니다.실행하기npx next dev --experimental-https동작 원리프로젝트에 certificates 폴더가 생기고 자체 서명된 SSL 인증서가 추가됩니다. 해당 인증서는 mkcert 프로그램을 이용하여 발급됩니다. 이는 보안상 타인과 공유 되면 안되므로 .gitignore 파일에 ..

• format_list_bulleted 위키
• · 2025. 3. 7.

Vite에서 Tailwind CSS 설정하기

1. Tailwind CSS 설치하기Tailwind CSS 패키지와 Vite 플러그인 패키지를 설치합니다.npm install tailwindcss @tailwindcss/vite2. Vite 설정에 테일윈드 플러그인 추가하기//vite.config.tsimport { defineConfig } from 'vite'import tailwindcss from '@tailwindcss/vite'export default defineConfig({ plugins: [ tailwindcss(), ],})3. 테일윈드 CSS 불러오기전역 스타일 시트에 테일윈드 스타일 스타일을 불러오고, 이를 애플리케이션에 적용합니다. 스타일시트의 파일명은 달라도 상관없습니다. (global.css 등)//index.cs..

• format_list_bulleted 위키
• · 2025. 3. 3.