hebi_admin
2026 웹퍼블리셔 준비 로드맵 – 실무 기준 역량·포트폴리오·AI 활용 전략
주요 포인트 한눈에 보기
2026년 웹퍼블리셔 준비는 “기술을 많이 아는 것”보다, 실제 업무에서 반복되는 산출물을 안정적으로 만들 수 있는지가 핵심입니다.
이 문서에서는 역할을 업무 단위로 쪼개어 정의하고, 그 역할을 증명하는 체크리스트(접근성·호환성·반응형·성능·협업)를 고정한 뒤… 더 읽기
[STYNA] Firebase 보안 규칙 설계 – Firestore·Storage 실전 적용
주요 포인트 한눈에 보기
이 문서는 GPT를 활용해 Firebase 보안 규칙을 학습하고 실제 프로젝트에 적용하는 과정을 정리합니다.
Firestore Database와 Firebase Storage 규칙을 중심으로,
왜 규칙이 필요한지와 어떻게 설계해야 하는지를 구조적으로 설… 더 읽기
Firebase Admin Custom Claims로 관리자 권한 설정하는 방법
주요 포인트 한눈에 보기
이 문서는 Firebase 관리자 권한(Custom Claims)을 설정할 수 있도록,
실제 프로젝트에서 필요한 정보만 남기고 보안상 민감한 값은 모두 예시 값으로 대체하여 정리한 가이드입니다.
로컬에서 단 한 번 실행하는 설정 스크립트 기준으로 설명하… 더 읽기
[JS 코딩테스트] 쇠막대기 문제 풀이 – 스택으로 레이저 절단 구조 완전 이해
주요 포인트 한눈에 보기
이 글은 한국정보올림피아드(KOI) 기출 문제인 쇠막대기 문제를 바탕으로,
괄호 문자열을 이용해 레이저와 쇠막대기의 배치를 해석하고,
스택(Stack)을 활용해 잘려진 쇠막대기 조각의 총 개수를 구하는 과정을 정리한 학습 문서입니다.
문제 개념과 … 더 읽기
React와 Next.js 메타데이터 API 완벽 정리
주요 포인트 한눈에 보기
이 문서는 React와 Next.js에서 메타데이터를 다루는 방식의 차이를
철학부터 실제 코드 구조까지 단계적으로 정리한 학습 문서입니다.
단순한 API 사용법이 아니라,
왜 React에서는 한계가 있고 Next.js에서는 메타데이… 더 읽기
Firebase Functions v2 완전 정리 – 서버리스 개념부터 트리거·배포·Secret까지
주요 포인트 한눈에 보기
※ 이 문서는 Firebase Functions 2nd gen(v2) 기준으로 설명합니다. Firebase Functions는 프론트엔드에서 처리하면 위험하거나 부적절한 로직을 서버에서 안전하게 실행하기 위한 서버리스(Serverless) 기능입니다. 이 문서는 개념과 역할 → 실행 구조 → 실제 도입 준비 → 실무 함정 순서로 흐… 더 읽기
[STYNA] Firebase Auth Context 분석 – 인증·권한·라우팅 관리
주요 포인트 한눈에 보기
이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때
어떤 방식으로 제작되었는지 프로젝트를 분석합니다.
그 중 이번 챕터에서는 Firebase Auth Context를 분석합니다.
포트폴리오: STYNA
… 더 읽기
[STYNA] Firebase Storage 이미지 업로드 구현 가이드 – 상품 이미지 관리 실전 흐름
주요 포인트 한눈에 보기
이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때
어떤 방식으로 제작되었는지 프로젝트를 분석합니다.
그 중 이번 챕터에서는 Firebase Storage 구조를 분석합니다.
포트폴리오: STYN… 더 읽기
[STYNA] Firebase Authentication 코드 분석 – 로그인 유지·로그아웃·비밀번호 재설정 흐름
주요 포인트 한눈에 보기
이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때
어떤 방식으로 제작되었는지 프로젝트를 분석합니다.
그 중 이번 챕터에서는 Firebase Authentication 구조를 분석합니다.
포트폴리오: STY… 더 읽기
[STYNA] Firebase 구조 완전 정리 – firebase.ts 설계와 이유
주요 포인트 한눈에 보기
이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때
어떤 방식으로 제작되었는지 프로젝트를 분석합니다.
그 중 이번 챕터에서는 firebase.ts 초기화 구조를 분석합니다.
Auth, Firestore, Storage, Fu… 더 읽기

![[STYNA] Firebase 보안 규칙 설계 – Firestore·Storage 실전 적용 2 ChatGPT Image 2026년 1월 22일 오후 05 55 12 1](https://blogflow.kr/wp-content/uploads/2026/01/ChatGPT-Image-2026년-1월-22일-오후-05_55_12-1-300x200.png)

![[JS 코딩테스트] 쇠막대기 문제 풀이 – 스택으로 레이저 절단 구조 완전 이해 4 ChatGPT Image 2026년 1월 21일 오후 06 22 52 1 1](https://blogflow.kr/wp-content/uploads/2026/01/ChatGPT-Image-2026년-1월-21일-오후-06_22_52-1-1-300x200.png)


![[STYNA] Firebase Auth Context 분석 – 인증·권한·라우팅 관리 7 ChatGPT Image 2026년 1월 14일 오후 05 53 56 1](https://blogflow.kr/wp-content/uploads/2026/01/ChatGPT-Image-2026년-1월-14일-오후-05_53_56-1-300x200.png)
![[STYNA] Firebase Storage 이미지 업로드 구현 가이드 – 상품 이미지 관리 실전 흐름 8 ChatGPT Image 2026년 1월 13일 오후 12 27 10 1](https://blogflow.kr/wp-content/uploads/2026/01/ChatGPT-Image-2026년-1월-13일-오후-12_27_10-1-300x200.png)
![[STYNA] Firebase Authentication 코드 분석 – 로그인 유지·로그아웃·비밀번호 재설정 흐름 9 ChatGPT Image 2026년 1월 12일 오전 11 25 17 1](https://blogflow.kr/wp-content/uploads/2026/01/ChatGPT-Image-2026년-1월-12일-오전-11_25_17-1-300x200.png)
![[STYNA] Firebase 구조 완전 정리 – firebase.ts 설계와 이유 10 ChatGPT Image 2026년 1월 9일 오후 04 43 52 1](https://blogflow.kr/wp-content/uploads/2026/01/ChatGPT-Image-2026년-1월-9일-오후-04_43_52-1-300x200.png)