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… 더 읽기
ChatGPT Image 2026년 1월 9일 오전 11 21 10 1

CSRF와 XSS 완벽 정리 – 프론트엔드 보안 흐름과 방어 전략

주요 포인트 한눈에 보기 CSRF와 XSS를 단순 정의가 아닌 공격 흐름과 책임 위치를 기준으로 정리합니다. CSRF는 인증된 사용자의 요청을 악용하는 공격이고, XSS는 브라우저에서 악성 스크립트가 실행되는 공격이라는 차이를 중심으로 설명합니다. 실제 공격 예시 코드와… 더 읽기
ChatGPT Image 2026년 1월 8일 오후 02 40 36 1

Next.js App Router metadata API 사용법 – 잘못된 meta 예제와 해결 방법

주요 포인트 한눈에 보기 이 문서는 Next.js App Router 환경에서 metadata API를 사용하는 올바른 방법을 단계별로 설명합니다. 먼저 기본적인 메타데이터 설정 방식을 이해한 뒤, 실제 포트폴리오 코드에 적용된 잘못된 예제를 살펴보고 그 문제점을 분석합니다. … 더 읽기
ChatGPT Image 2026년 1월 6일 오후 02 22 20 1

[JS 알고리즘] 후위식 연산(postfix) 문제 풀이 – 스택으로 계산 흐름 완벽 이해

주요 포인트 한눈에 보기 후위식(Postfix) 연산은 스택(Stack)을 활용해 연산자 우선순위를 고려하지 않고 계산할 수 있는 대표적인 알고리즘 문제입니다. 이 글에서는 문제 설명부터 내가 푼 풀이, 정답 풀이, 그리고 자주 헷갈리는 포인트를 단계적으로 정리합니다. 문제 내가 푼 풀이 … 더 읽기