전체 글459 [MySQL] MAC에서 MySQL 설치 및 초기화, 설정 Homebrew 설치(https://brew.sh/)더보기더보기HomeBrew가 설치되지 않았다면,/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"MySQL 설치MySQL 설치:brew install mysql서버 실행:brew services start mysql접속:mysql -u root초기 설정데이터 베이스 생성:CREATE DATABASE mydatabase;유저 생성 (localhost는 접속 위치, 다양한 조건의 사용자 생성 가능. 예를 들어, 'myuser'@'%' // %는 원격 접속 허용.):CREATE USER 'myuser'@'localhost' IDENTIFIE.. 2025. 2. 13. Drizzle ORM Drizzle ORM(https://orm.drizzle.team/)이란? Drizzle ORM - next gen TypeScript ORM.Drizzle ORM is a lightweight and performant TypeScript ORM with developer experience in mind.orm.drizzle.team **TypeScript 기반의 초경량 SQL ORM(Object-Relational Mapping)**이야.👉 Prisma, TypeORM보다 가볍고 빠르면서, TypeScript 타입 안정성이 뛰어남!👉 Next.js, Neon, PlanetScale 등 서버리스 환경과 궁합이 좋음. 초경량 ORM → Prisma보다 가볍고 빠름TypeScript 기반 → 완벽한 .. 2025. 2. 12. Neon Neon(https://neon.tech/)이란? Neon Serverless Postgres — Ship fasterThe database you love, on a serverless platform designed to help you build reliable and scalable applications faster.neon.techNeon은 서버리스 PostgreSQL 데이터베이스 서비스.Vercel, Next.js, Edge Functions와 완벽한 조합으로 빠르고 자동 확장 가능한 PostgreSQL을 제공. 서버리스 PostgreSQL → 자동 확장 & 비용 절감 (사용량이 없으면 리소스 차단)Branching 지원 → Git 브랜치처럼 DB를 분기(branch)해서 테스트 가능초고속 .. 2025. 2. 12. Clerk Clerk이란?Next.js, React, Vue 등에서 간편하게 인증(Authentication) 기능을 추가할 수 있는 서비스Firebase Auth, Supabase Auth 같은 인증 솔루션과 비슷하지만, Next.js와의 강력한 통합 기능을 제공Next.js와 완벽하게 연동 가능 (App Router & Pages Router 지원)소셜 로그인 지원 (Google, GitHub, Facebook, Discord 등)비밀번호 없는 로그인 (Magic Link, OTP 지원)2FA (Two-Factor Authentication) 지원백엔드 없이도 작동 (완전한 BaaS - Backend as a Service)RBAC (Role-Based Access Control) 지원 → 관리자/유저 역할 설.. 2025. 2. 12. ShadCN/UI & Lucide React 사용하기 ShadCN/UI(https://ui.shadcn.com/docs/installation/next)란? Next.jsInstall and configure Next.js.ui.shadcn.comShadCN/UI는 Next.js와 React에서 최신 UI 컴포넌트를 쉽게 사용할 수 있도록 도와주는 Tailwind CSS 기반의 UI 라이브러리 Next.js + Tailwind CSS에 최적화됨.Radix UI 기반 → 접근성과 모던한 디자인 제공.컴포넌트가 설치형 → 필요한 컴포넌트만 직접 추가 가능.완전한 커스터마이징 가능 → 코드가 내 프로젝트 내부에 포함됨.TypeScript 지원.설치하기npx shadcn-ui@latest init // npm을 사용 중이라면bunx --bun shadcn@late.. 2025. 2. 12. [Next] next 시작하기(폴더 구조, use client와 server) Next 시작하기(https://nextjs.org/) Next.js by Vercel - The React FrameworkNext.js by Vercel is the full-stack React framework for the web.nextjs.org// 최신 버전 확인하기bunx create-next-app@latest --version// 최신 버전 설치하기bunx create-next-app@latestnext 폴더 기본 구조my-next-app/├── app/│ ├── layout.tsx # 공통 레이아웃│ ├── page.tsx # 홈 페이지│ ├── features/ # 기능별 폴더│ │ ├── auth/ # 인증 관련 폴더│ │ │.. 2025. 2. 12. TailwindCSS TailwindCSS(https://tailwindcss.com/)란? Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.tailwindcss.comCSS를 직접 작성하지 않고 미리 정의된 클래스를 조합하여 스타일을 적용시킨다.장점: 빠른 개발, 유지보수 용이, 중복 스타일 최소화단점: 초반 적응이 필요하고, HTML이 클래스명으로 복잡해질 수 있음.tailwind.config.ts 설정// tailwind.config.. 2025. 2. 12. Bun Bun은 Node.js의 대체 런타임을 목표로 만들어진 초고속 JavaScript 런타임 & 패키지 매니저이다. Rust로 개발되어 기존 Node.js보다 빠르게 동작함.npm, pnpm, yarn 대신 자체 패키지 매니저(bun install) 제공.내장된 번들러(빌드 도구) 및 테스트 러너 지원.Node.js, Deno와 같은 JavaScript 런타임으로서 실행 가능.서버 개발, 스크립트 실행, 웹 애플리케이션 개발에 활용 가능. https://bun.sh/ Bun — A fast all-in-one JavaScript runtimeBun implements the Web-standard APIs you know and love, including fetch, ReadableStream, Reque.. 2025. 2. 11. [Google] Google Cloud 인스턴스 생성과 postgresql 설치 https://cloud.google.com/?hl=ko 클라우드 컴퓨팅 서비스 | Google Cloud데이터 관리, 하이브리드 및 멀티 클라우드, AI와 머신러닝 등 Google의 클라우드 컴퓨팅 서비스로 비즈니스 당면 과제를 해결하세요.cloud.google.com먼저 구글 클라우드에 접속한다,오른쪽 끝 콘솔을 선택한다.인스턴스가 없으면 중앙에 인스턴스 만들기 버튼이 따로 있다. 이미 생성했다면 아래 버튼을 클릭해서 인스턴스를 만들 수 있다.먼저 머신 구성에서는 이름과 리전만 설정한다.DS 및 스토리지에서 부팅 디스크를 우분투로 바꿔준다.네트워킹에서는 http 트레픽을 허용한다.만들어진 인스턴스에 가면 오른쪽에 ssh 버튼이 있다. 옆을 눌러서 선택해도 되지만 ssh를 누르면 된다.(파일 업로드 버.. 2025. 2. 1. [restartedMain] i.n.r.d.DnsServerAddressStreamProviders : Unable to load io.netty.resolver.dns.macos.MacOSDnsServerAddressStreamProvider, fallback to system defaults. This may result in incorrect DNS resolutions on MacOS. ERROR 56522 --- [backend] [restartedMain] i.n.r.d.DnsServerAddressStreamProviders : Unable to load io.netty.resolver.dns.macos.MacOSDnsServerAddressStreamProvider, fallback to system defaults. This may result in incorrect DNS resolutions on MacOS. Check whether you have a dependency on 'io.netty:netty-resolver-dns-native-macos'. Use DEBUG level to see the full stack: java.lang.UnsatisfiedLi.. 2025. 1. 30. [Spring Boot] email 전송하기 gmail 설정하기 서버 관련(Springboot) 클라이언트 관련(Next)gmail 설정하기gmail 가입 -> google 계정 -> 보안 -> 2단계 인증 설정 후 상단 계정 검색에서 '앱 비밀번호' 검색앱 비밀번호를 복사해 둔다.Server// build.gradledependencies { implementation 'org.springframework.boot:spring-boot-starter-mail'}# application.properties# mailspring.mail.host=smtp.gmail.comspring.mail.port=587spring.mail.username= 메일 주소 (메일@gmail.com)spring.mail.password= 앱 비밀번호 (띄어쓰기 지우기).. 2025. 1. 29. MAC IntelliJ 자동정렬: option + commend + LOptimize Imports(사용하지 않는 import 정리): cotrol + option + O** 자동으로 설정 방법IntelliJ IDEA -> setting -> Editor -> General -> Auto Import -> Optimize imports on th fly 클릭 2025. 1. 29. 이전 1 ··· 31 32 33 34 35 36 37 ··· 39 다음
