[JS 코딩테스트] 쇠막대기 문제 풀이 – 스택으로 레이저 절단 구조 완전 이해
주요 포인트 한눈에 보기 이 글은 한국정보올림피아드(KOI) 기출 문제인 쇠막대기 문제를 바탕으로, 괄호 문자열을 이용해 레이저와 쇠막대기의 배치를 해석하고, 스택(Stack)을 활용해 잘려진 쇠막대기 …
더 읽기 →BlogFlow | 블로그
프론트엔드 개발과 IT 기술을 중심으로 실무 경험과 학습을 기록합니다.
hebi_admin
React와 Next.js 메타데이터 API 완벽 정리
주요 포인트 한눈에 보기 이 문서는 React와 Next.js에서 메타데이터를 다루는 방식의 차이를 철학부터 실제 코드 구조까지 단계적으로 정리한 학습 문서입니다. 단순한 API 사용법이 …
더 읽기 →
Firebase Functions v2 총정리: 서버리스 개념부터 트리거·배포·Secret까지
주요 포인트 한눈에 보기 ※ 이 문서는 Firebase Functions 2nd gen(v2) 기준으로 설명합니다. Firebase Functions는 프론트엔드에서 처리하면 위험하거나 부적절한 로직을 서버에서 안전하게 실행하기 위한 서버리스(Serverless) 기능…
더 읽기 →
[STYNA] Firebase Auth Context 분석 – 인증·권한·라우팅 관리
주요 포인트 한눈에 보기 이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때 어떤 방식으로 제작되었는지 프로젝트를 분석합니다. 그 중 이번 챕터에서는 Firebase Auth Conte…
더 읽기 →
[STYNA] Firebase Storage 이미지 업로드 구현 가이드 – 상품 이미지 관리 실전 흐름
주요 포인트 한눈에 보기 이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때 어떤 방식으로 제작되었는지 프로젝트를 분석합니다. 그 중 이번 챕터에서는 Firebase …
더 읽기 →
[STYNA] Firebase Authentication 코드 분석 – 로그인 유지·로그아웃·비밀번호 재설정 흐름
주요 포인트 한눈에 보기 이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때 어떤 방식으로 제작되었는지 프로젝트를 분석합니다. 그 중 이번 챕터에서는 Firebase Authen…
더 읽기 →
[STYNA] Firebase 구조 완전 정리 – firebase.ts 설계와 이유
주요 포인트 한눈에 보기 이 글은 완성된 포트폴리오 코드를 기준으로 Next.js + TypeScript + Firebase를 사용할 때 어떤 방식으로 제작되었는지 프로젝트를 분석합니다. 그 중 이번 챕터에서는 firebase.ts 초기화…
더 읽기 →
CSRF와 XSS 완벽 정리 – 프론트엔드 보안 흐름과 방어 전략
주요 포인트 한눈에 보기 CSRF와 XSS를 단순 정의가 아닌 공격 흐름과 책임 위치를 기준으로 정리합니다. CSRF는 인증된 사용자의 요청을 악용하는 공격이고, XSS는 브라우저에서 악성 스크립트가 실…
더 읽기 →
하루 10분 영어 회화 | 대안 2개로 정리해 선택 빠르게 만들기
주요 포인트 한눈에 보기 Day 11은 선택지를 늘리지 않고, 대안을 두 개로만 정리해 판단을 돕는 연습입니다. 오늘은 설명보다 구조가 중요하며, 마지막은 항상 선택 질문으로 끝냅니다. 대안 2개로 정리해 선택하세요. [Day 11] 규칙: 대안은 2개까지만 [Da…
더 읽기 →
Next.js App Router metadata API 사용법 – 잘못된 meta 예제와 해결 방법
주요 포인트 한눈에 보기 이 문서는 Next.js App Router 환경에서 metadata API를 사용하는 올바른 방법을 단계별로 설명합니다. 먼저 기본적인 메타데이터 설정 방식을 이해한 뒤, 실제 포트폴…
더 읽기 →