PROJECT 2

mkcert로 Next.js 프로젝트에 HTTPS 적용하기

왜 로컬 개발 환경에서 HTTPS가 필요했을까?프로젝트를 진행하면서 백엔드와의 API 연동 과정에서 예상치 못한 문제에 부딪혔다. 바로 쿠키 기반 인증과 도메인 불일치 문제였다.문제 상황백엔드에서는 보안상의 이유로 로그인 후 accessToken을 쿠키로 전달해 주는 방식을 채택했다. 이 쿠키의 존재 여부를 확인해서 로그인된 사용자와 로그인하지 않은 사용자를 구분하는 것이 목표였다.하지만 여기서 문제가 발생했다:프론트엔드 개발 환경: http://localhost:3000백엔드 배포 환경: https://yetda.kro.kr이렇게 프로토콜(http vs https)과 도메인이 다르면 쿠키가 제대로 전달되지 않는다. 특히 SameSite 정책과 Secure 플래그 때문에 HTTPS 환경에서 설정된 쿠키는..

PROJECT 2025.07.17

[PROJECT] Web RTC 구현 선택 과정 (P2P / SFU / MCU)

webRTC는 브러우저 간 실시간 오디오 및 비디오 통신을 가능하게 하는 기술이다. 해당 기술은 연결 방식에 따라 구조가 3가지로 나뉘며, 성능과 확장성에도 큰 영향을 미친다. 1. P2P (Peer to Peer)브러우저 간 직접 연결로 중계 서버 없이 모든 사용자가 서로의 스트림을 주고 받는 방식이다.장점: 구현이 단순하며 서버 부하가 없다.단점: 참여자 수가 늘어날 수록 연결 수가 기하급수적으로 증가하게 된다.내가 처음 구현했던 방식이다. 1:1 통신에는 문제가 없었고, 이 구조로 기능을 완성하고자 했지만, 3명 이상의 통신에서는 확장성의 한계를 마주하게 됐다 😂... 2. SFU (Selective Forwarding Unit)클라이언트가 송신한 미디어 스트림을 서버가 받아서 다른 클라이언트에..

PROJECT/Facemeet 2025.06.23