개발 공부

개발자로 가는길 – 웹 개발을 공부하면서 기록하는 글입니다.

Next.js middleware.ts로 Supabase 인증 처리하는 방법 (실전 코드 완전 정리)

Next.js로 Supabase 인증을 붙이다 보면 결국 middleware.ts를 만나게 돼요. 처음에 “이게 뭐지?” 했는데, 알고 보니 모든 요청이 페이지에 도달하기 전에 거치는 필터예요. 이 글에서는 Next.js middleware.ts로 Supabase 인증을 처리하는 방법을 실전 코드와 함께 처음부터 설명합니다.

Next.js middleware.ts로 Supabase 인증 처리하는 방법 (실전 코드 완전 정리) 더 읽기"

Next.js + Supabase getSession vs getUser 완전 정리 (보안까지 이해하기)

Supabase로 서버 인증을 처리하다 보면 getSession과 getUser 중 뭘 써야 할지 헷갈려요. 결론부터 말하면 서버 코드에서 getSession을 쓰면 보안 취약점이 생길 수 있어요. 이 글에서는 두 함수의 차이와 getClaims까지 포함해서 언제 뭘 써야 하는지 완전히 정리합니다.

Next.js + Supabase getSession vs getUser 완전 정리 (보안까지 이해하기) 더 읽기"

Supabase auth-helpers 말고 @supabase/ssr 써야 하는 이유 (Next.js App Router 기준)

Supabase로 Next.js 인증을 구현하려다 보면 @supabase/auth-helpers-nextjs와 @supabase/ssr 사이에서 고민하게 됩니다. 결론부터 말하면 auth-helpers는 이미 deprecated(지원 중단)된 패키지예요. 이 글에서는 왜 @supabase/ssr로 갈아타야 하는지, 실제 삽질 경험을 바탕으로 설명합니다.

Supabase auth-helpers 말고 @supabase/ssr 써야 하는 이유 (Next.js App Router 기준) 더 읽기"

육아휴직 후 다시 시작하는 개발자 취준기 – AI 기록 서비스 개발 시작, 기술 스택 결정

육아휴직 후 다시 시작하는 개발자 취준기 – AI 기록 서비스 개발 시작, 기술 스택 결정 이전 글에서 AI 기반 개인 기록 분석 서비스를 만들기로 결정했다는 이야기를 했다. 이번 글에서는 본격적으로 프로젝트를 시작하며 어떤 기술 스택을 선택했는지, 그리고 왜 그 기술을 선택했는지 정리해보려 한다. 기술 스택 결정: Next.js + Supabase 프론트엔드: Next.js (App Router) 백엔드: Supabase

육아휴직 후 다시 시작하는 개발자 취준기 – AI 기록 서비스 개발 시작, 기술 스택 결정 더 읽기"

육아휴직 후 다시 시작하는 개발자 취준기 – 시장 파악과 토이 프로젝트 시작

육아휴직 후 다시 시작하는 개발자 취준기 – 시장 파악과 토이 프로젝트 시작 이전 글에서 예상치 못한 권고사직과 앞으로의 계획에 대해 이야기했다. 이번 글에서는 채용 시장을 둘러보며 느낀 점과, 내가 어떤 방향으로 준비해나갈지 구체적으로 정리해보려 한다. 채용 시장, 어떤 사람을 원할까? 채용공고 사이트를 돌아다니며 프론트엔드 개발자 채용 공고를 집중적으로 살펴봤다. 대체로 3년 이상 경력자를 선호하고 있었다.

육아휴직 후 다시 시작하는 개발자 취준기 – 시장 파악과 토이 프로젝트 시작 더 읽기"

육아휴직 후 다시 시작하는 개발자 취준기 – 현재 상황 직시 & 할 일 정리

육아휴직 후 다시 시작하는 개발자 취준기 – 현재 상황 직시 & 할 일 정리 예상치 못한 메일 한 통 7월부터 출산휴가를 시작했다. 8월에 아이를 출산하고, 3개월의 출산휴가 후 육아휴직으로 자연스럽게 이어질 거라 생각했다. 웹 프론트엔드 개발자로 일하면서 앱 개발 기회도 얻었고, 휴가 직전까지 앱 출시와 업데이트 작업을 마무리했던 기억이 난다. 그런데 11월 12일, 출산 후

육아휴직 후 다시 시작하는 개발자 취준기 – 현재 상황 직시 & 할 일 정리 더 읽기"

AWS Elasticache와 Route 53 그리고 DNS

[AWS 입문] 프론트엔드의 AWS 걸음마: AWS Elasticache와 Route 53 그리고 DNS에 대하여 알아보기

  [AWS 입문] 프론트엔드의 AWS 걸음마: Elasticache와 Route 53 그리고 DNS에 대하여 알아보기 이 글에서는 Elasticache 와 Route53에 대해 알아보겠습니다. 추가로 In-memory Database, 캐싱 활용법부터 DNS와 라우팅 정책까지 정리해보겠습니다. AWS Elasticache 란? AWS Elasticache는 AWS에서 제공하는 In-memoryDatabase로 자주 사용되는 데이터를 메모리에 저장하여 빠르게 접근할 수 있도록 지원합니다. Elasticache 장점 초고속 데이터 처리: 디스크 대신 메모리에 데이터를

[AWS 입문] 프론트엔드의 AWS 걸음마: AWS Elasticache와 Route 53 그리고 DNS에 대하여 알아보기 더 읽기"

AWS RDS Aurora

[AWS 입문] 프론트엔드의 AWS 걸음마: AWS RDS와 Aurora

  [AWS 입문] 프론트엔드의 AWS 걸음마: AWS RDS와 Aurora 프론트엔드 개발자를 위한 AWS RDS와 Aurora 가이드! RDS의 주요 기능부터 Aurora의 고가용성, 서버리스, 머신러닝 통합까지 살펴보겠습니다. AWS RDS 란 무엇인가? RDS (Relataional Database Service)는 AWS에서 제공하는 완전 관리형 관계형 데이터베이스 서비스입니다. MySQL, PostgreSQL, Maria DB등을 지원하며, 사용자는 데이터베이스 설정과 운영 부담을 줄이로 애플리케이션 개발에 집중할 수

[AWS 입문] 프론트엔드의 AWS 걸음마: AWS RDS와 Aurora 더 읽기"

AWS 로드밸런서와 OSI 7계층 이해하기

[AWS 입문] 프론트엔드의 AWS 걸음마: AWS 로드 밸런서와 OSI 7계층 쉽게 이해하기

  [AWS 입문] 프론트엔드의 AWS 걸음마: AWS 로드 밸런서와 OSI 7계층 쉽게 이해하기 AWS 로드 밸런서에 대해 알아보겠습니다. 이를 이해하기 위해 반드시 알아야 할 네트워크 개념인 OSI 7계층도 함께 정리했습니다. AWS 서비스를 효과적으로 활용하려면 기본적인 네트워크 지식이 필요합니다. OSI 7계층이란 무엇인가? OSI 7계층은 네트워크 통신을 단계별로 나눠 설명하는 모델입니다. 각 계층이 서로 협력해 데이터를 주고

[AWS 입문] 프론트엔드의 AWS 걸음마: AWS 로드 밸런서와 OSI 7계층 쉽게 이해하기 더 읽기"

aws 입문 - 로드밸런서 썸네일

[AWS 입문] 프론트엔드의 AWS 걸음마: AWS 로드 밸런서란? 트래픽 분산과 고가용성 이해하기

[AWS 입문] 프론트엔드의 AWS 걸음마: AWS 로드 밸런서란? 트래픽 분산과 고가용성 이해하기 웹 프론트엔드 개발자의 AWS 입문기 입니다.EC2에 이어서 로드밸런서란 무엇이고 어떤 역할을 하는지 정리해보았습니다. 그리고 EC2 인스턴스를 조정하는 상황별 예시를 추가해봤습니다. AWS 입문 – 로드 밸런서 란 무엇일까? AWS 로드 밸런서는 트래픽(사용자 요청)을 적절히 분산하는 도구입니다. ex.) 하나의 사이트에 사용자가 몰리게 된다면 단일 서버가

[AWS 입문] 프론트엔드의 AWS 걸음마: AWS 로드 밸런서란? 트래픽 분산과 고가용성 이해하기 더 읽기"

AWS 입문 - EC2 알아보기

[AWS 입문] 프론트엔드의 AWS 걸음마: EC2 자세히 알아보기

  [AWS 입문] 프론트엔드의 AWS 걸음마: EC2 자세히 알아보기 웹 프론트엔드 개발자의 AWS 입문기 입니다. UI 개발은 정말 재밌지만 서버나 배포 같은 분야는 어렵게 느껴져서 피하고 싶었습니다.. 하지만 내가 원하는 서비스를 운영하려면 어느 정도는 알아야겠다고 생각했습니다. 이번 글에서는 복습도 할 겸, 미래의 나에게 도움이 되길 바라며, EC2에 대해 자세히 알아본 내용을 정리해 보았습니다. AWS 입문

[AWS 입문] 프론트엔드의 AWS 걸음마: EC2 자세히 알아보기 더 읽기"

flutter_secure_storage 사용하기

Flutter 앱 개발: flutter_secure_storage로 민감한 정보 저장하기

  Flutter 앱 개발: flutter_secure_storage로 민감한 정보 저장하기 Flutter 앱 개발을 하면서, 사용자 인증 정보나 토큰과 같은 민감한 데이터를 안전하게 저장하려면 보안이 중요한 요소로 작용합니다. 이를 위해 많은 개발자들이 flutter_secure_storage 패키지를 활용합니다. 이 글에서 flutter_secure_storage 패키지가 무엇이고 어떻게 쓰는지 정리해봤습니다. flutter_secure_storage 란? flutter_secure_storage는 Flutter 애플리케이션에서 민감한 데이터를 안전하게 저장할 수 있도록 설계된 패키지입니다. 이 패키지는

Flutter 앱 개발: flutter_secure_storage로 민감한 정보 저장하기 더 읽기"

위로 스크롤