ChatGPT Image 2026년 1월 22일 오후 06 35 59 1

2026 웹퍼블리셔 준비 로드맵 – 실무 기준 역량·포트폴리오·AI 활용 전략

주요 포인트 한눈에 보기 2026년 웹퍼블리셔 준비는 “기술을 많이 아는 것”보다, 실제 업무에서 반복되는 산출물을 안정적으로 만들 수 있는지가 핵심입니다. 이 문서에서는 역할을 업무 단위로 쪼개어 정의하고, 그 역할을 증명하는 체크리스트(접근성·호환성·반응형·성능·협업)를 고정한 뒤… 더 읽기
ChatGPT Image 2026년 1월 22일 오후 05 55 12 1

[STYNA] Firebase 보안 규칙 설계 – Firestore·Storage 실전 적용

주요 포인트 한눈에 보기 이 문서는 GPT를 활용해 Firebase 보안 규칙을 학습하고 실제 프로젝트에 적용하는 과정을 정리합니다. Firestore Database와 Firebase Storage 규칙을 중심으로, 왜 규칙이 필요한지와 어떻게 설계해야 하는지를 구조적으로 설… 더 읽기
ChatGPT Image 2026년 1월 22일 오후 05 41 44 1

Firebase Admin Custom Claims로 관리자 권한 설정하는 방법

주요 포인트 한눈에 보기 이 문서는 Firebase 관리자 권한(Custom Claims)을 설정할 수 있도록, 실제 프로젝트에서 필요한 정보만 남기고 보안상 민감한 값은 모두 예시 값으로 대체하여 정리한 가이드입니다. 로컬에서 단 한 번 실행하는 설정 스크립트 기준으로 설명하… 더 읽기
ChatGPT Image 2026년 1월 21일 오후 06 22 52 1 1

[JS 코딩테스트] 쇠막대기 문제 풀이 – 스택으로 레이저 절단 구조 완전 이해

주요 포인트 한눈에 보기 이 글은 한국정보올림피아드(KOI) 기출 문제인 쇠막대기 문제를 바탕으로, 괄호 문자열을 이용해 레이저와 쇠막대기의 배치를 해석하고, 스택(Stack)을 활용해 잘려진 쇠막대기 조각의 총 개수를 구하는 과정을 정리한 학습 문서입니다. 문제 개념과 … 더 읽기
ChatGPT Image 2026년 1월 19일 오후 06 45 59 1

React와 Next.js 메타데이터 API 완벽 정리

주요 포인트 한눈에 보기 이 문서는 React와 Next.js에서 메타데이터를 다루는 방식의 차이를 철학부터 실제 코드 구조까지 단계적으로 정리한 학습 문서입니다. 단순한 API 사용법이 아니라, 왜 React에서는 한계가 있고 Next.js에서는 메타데이… 더 읽기
ChatGPT Image 2026년 1월 15일 오후 06 31 28 1

Firebase Functions v2 완전 정리 – 서버리스 개념부터 트리거·배포·Secret까지

주요 포인트 한눈에 보기 ※ 이 문서는 Firebase Functions 2nd gen(v2) 기준으로 설명합니다. Firebase Functions는 프론트엔드에서 처리하면 위험하거나 부적절한 로직을 서버에서 안전하게 실행하기 위한 서버리스(Serverless) 기능입니다. 이 문서는 개념과 역할 → 실행 구조 → 실제 도입 준비 → 실무 함정 순서로 흐… 더 읽기
ChatGPT Image 2026년 1월 14일 오후 05 53 56 1

[STYNA] Firebase Auth Context 분석 – 인증·권한·라우팅 관리

주요 포인트 한눈에 보기 이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때 어떤 방식으로 제작되었는지 프로젝트를 분석합니다. 그 중 이번 챕터에서는 Firebase Auth Context를 분석합니다. 포트폴리오: STYNA … 더 읽기
ChatGPT Image 2026년 1월 13일 오후 12 27 10 1

[STYNA] Firebase Storage 이미지 업로드 구현 가이드 – 상품 이미지 관리 실전 흐름

주요 포인트 한눈에 보기 이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때 어떤 방식으로 제작되었는지 프로젝트를 분석합니다. 그 중 이번 챕터에서는 Firebase Storage 구조를 분석합니다. 포트폴리오: STYN… 더 읽기
ChatGPT Image 2026년 1월 12일 오전 11 25 17 1

[STYNA] Firebase Authentication 코드 분석 – 로그인 유지·로그아웃·비밀번호 재설정 흐름

주요 포인트 한눈에 보기 이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때 어떤 방식으로 제작되었는지 프로젝트를 분석합니다. 그 중 이번 챕터에서는 Firebase Authentication 구조를 분석합니다. 포트폴리오: STY… 더 읽기
ChatGPT Image 2026년 1월 9일 오후 04 43 52 1

[STYNA] Firebase 구조 완전 정리 – firebase.ts 설계와 이유

주요 포인트 한눈에 보기 이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때 어떤 방식으로 제작되었는지 프로젝트를 분석합니다. 그 중 이번 챕터에서는 firebase.ts 초기화 구조를 분석합니다. Auth, Firestore, Storage, Fu… 더 읽기