본문 바로가기

분류 전체보기131

Vercel 앱은 HTTPS 로 동작할까? 그렇다. Vercel은 기본적으로 모든 배포된 애플리케이션에 HTTPS 연결을 자동으로 제공합니다.Vercel은 Let’s Encrypt를 사용하여 무료 SSL/TLS 인증서를 제공하며, 사용자 개입 없이 자동으로 HTTPS를 활성화합니다.즉, https://your-app.vercel.app 형식의 기본 도메인은 항상 HTTPS로 동작합니다. 만약 **사용자 지정 도메인(custom domain)**을 연결한 경우에도, Vercel이 자동으로 HTTPS 인증서를 발급하고 관리합니다.(단, 사용자 지정 도메인을 올바르게 설정해야 하고, DNS가 제대로 연결되어 있어야 합니다.) 2025. 3. 18.
NoSQL이란? SQL과 NoSQL 차이는? NoSQL 이란? (Not only SQL) SQL 기반 데이터베이스와 다르게 데이터를 저장하고 조회하는 방식.기존 관계형 데이터베이스에서는 사전정의된 형식(스키마)에 맞춰 저장해야 함.NoSQL 데이터베이스는 유연한 스키마를 사용해, 네이티브 형식 그대로 저장할수있다. 대부분 전통적인 SQL 구문이 아닌 JSON 기반 API 또는 특정한 쿼리 언어 사용  **SQL DB예시 - MYSQL, PostgreSQL **NoSQL DB예시 - 문서DB (MongoDB), 키-값DB (Redis) SQL (관계형 DB) vs NoSQL (Non-Relational DB) 비교 정리 비교SQLNoSQL데이터 구조테이블(행과 열) 기반, 스키마 정의 필요JSON, 키-값, 문서 기반 (스키마 없음) 유리한 경우데이.. 2025. 3. 17.
BaaS? firebase와 supabase BaaS 란? (Backend as a Service)백엔드를 직접 구축하는 경우 개발 비용과 시간이 많이 소요된다.BaaS를 사용할 경우 만들어진 블록과 코드 생성 도구를 이용할 수 있다.장점: 빠른 개발 속도, 개발 비용 절약, 클라우드 인프라 관리 위탁단점: 유연성이 낮고 표준화된 구조를 따르게 된다. firebase vs supabase Firebase와 Supabase는 둘 다 백엔드 서비스(BaaS)를 제공하지만, 구조와 철학이 다릅니다. 기존 firebase는 nosql이지만  supabase는 pgsql을 기반으로 하여 데이터베이스를 쿼리할 수 있기때문에 관계형 데이터베이스를 제공한다. 특징FirebaseSupabaseDB 종류Firestore (NoSQL)PostgreSQL (SQL)리얼.. 2025. 3. 16.
Vercel 배포 시 Docker MySQL을 그대로 사용할 수 있을까? 불가능합니다.Vercel은 정적 사이트와 서버리스(Serverless) 환경에 최적화된 플랫폼이기 때문에, 독립적인 Docker 컨테이너를 실행할 수 있는 기능을 제공하지 않습니다.  그러면 Vercel에서 어떻게 DB를 사용할까?✅ MySQL을 직접 호스팅해야 합니다.Vercel에서는 로컬 Docker MySQL을 직접 사용할 수 없고, 별도의 데이터베이스 호스팅 서비스가 필요합니다. 1. 클라우드 MySQL (가장 일반적인 해결책) - PlanetScale, Supabase, AWS RDS, Google Cloud SQL, Railway 같은 클라우드 MySQL 서비스를 이용- 외부에서 접근 가능한 MySQL을 설정하고, Vercel의 .env 파일에서 해당 DB를 사용하도록 설정  2. Vercel.. 2025. 3. 15.
MVC 패턴이란 전통적인 MVC 패턴에서는 Model과 View는 직접 소통하지 않고, 항상 Controller를 거쳐야 한다.View는 Controller를 통해서만 Model의 데이터를 받음. 🔹 MVC 흐름사용자가 View(UI) 에서 버튼 클릭View가 Controller에 요청을 보냄Controller가 Model을 업데이트Model이 변경되면, Controller가 View를 업데이트MVC패턴을 사용하는 프레임워크 - Express.js, Spring, Django 등  ** 최신 프레임워크(MVVM 기반)에서는 View ↔ Model 직접 소통이 가능할 수도 있음. MVVM (Model-View-ViewModel) 패턴View와 ViewModel 사이의 의존성이 없다. 하지만 ViewModel 설계가 어렵.. 2025. 3. 13.
setState는 비동기 함수인가? setState는 비동기 함수가 아니다. ✅ setState는 비동기적으로 동작한다.  setTimeout 같은 비동기 함수는 브라우저의 백그라운드에서 실행된 후, 이벤트 루프의 태스크 큐에 추가된다.하지만 setState()는 브라우저의 비동기 API가 아니라, React 내부에서 비동기적으로 처리하는 방식이다. setState가 비동기처럼 보이는 이유React가 상태 업데이트를 즉시 반영하지 않기 때문!여러 setState() 호출을 batching(일괄 처리) 하기 때문에, 즉시 실행되지 않고 비동기처럼 동작함.  setState는 이벤트 루프에서 어떻게 동작하는가?📌 setState는 이벤트 루프를 거치지않고, React 내부 스케줄러가 처리함.       setState 자체는 바로 실행되지만.. 2025. 3. 13.