웹 개발
웹 개발 기술과 프로젝트 경험을 공유합니다
총 14편의 글
React 기초 핵심 가이드 — 컴포넌트·Props·State를 초보자 눈높이로 이해하기
Next.js를 본격적으로 다루기 전에 반드시 짚고 넘어가야 할 React의 삼총사! 컴포넌트, Props, 그리고 State의 동작 원리를 비전공자도 단번에 이해할 수 있는 실생활 비유로 설명합니다.
JavaScript 기초 완전정복 — 변수·함수·반복문을 초보자도 이해하게
HTML/CSS 다음 단계인 JavaScript. 처음 접하는 분도 이해할 수 있도록 변수, 함수, 조건문, 반복문을 실제 예시와 함께 설명합니다.
Cloudflare로 Next.js 블로그 무료 배포하기 — OpenNext와 GitHub Actions 자동 배포 설정법
Vercel 말고 Cloudflare에도 Next.js 블로그를 배포할 수 있습니다. OpenNext 어댑터 설치, wrangler 설정, API 토큰 발급, GitHub Actions 자동 배포, 환경 변수 주의점까지 실제 운영 중인 구성 기준으로 정리했습니다.
깃허브(GitHub) 입문 — Git 설치부터 커밋·푸시까지 비전공자도 따라 하는 방법
Git과 GitHub가 뭔지, 어떻게 쓰는지 막막하신가요? Git 설치, GitHub 가입, 저장소 만들기, 커밋과 푸시, 자주 만나는 오류 해결까지 비전공자 눈높이로 따라 할 수 있게 정리했습니다.
GA4(구글 애널리틱스 4) 설치 방법과 보는 법 — Next.js 블로그에 연동하기
내 블로그에 방문자가 얼마나 오는지 궁금하신가요? GA4 계정 만들기부터 측정 ID 발급, Next.js 블로그 연동, 실시간 보고서와 꼭 봐야 할 핵심 지표까지 한 번에 정리했습니다.
다국어 블로그 만들기 — 한국어/영어 동시 지원하는 법
Next.js에서 next-intl을 사용하여 한국어와 영어를 동시 지원하는 다국어 블로그를 만드는 방법을 공유합니다.
Vercel에 블로그 배포하기 — 10분 만에 내 사이트 만들기
Next.js 블로그를 Vercel에 무료로 배포하는 방법. GitHub 연동부터 자동 배포, 커스텀 도메인 설정까지 안내합니다.
VS Code 설치부터 첫 코드 실행까지 — 개발 환경 셋업 가이드
VS Code 설치, 추천 확장 프로그램, 첫 Hello World까지. 코딩을 시작하기 위한 개발 환경 설정을 단계별로 안내합니다.
Supabase로 데이터베이스 연결하기 — 무료로 백엔드 만들기
Supabase 무료 티어로 블로그 백엔드를 구축하는 방법. 가입부터 테이블 설계, Next.js 연동까지 경험을 공유합니다.
웹사이트는 어떻게 만들어질까? — HTML, CSS, JS 쉬운 설명
웹사이트의 3가지 핵심 기술을 집 짓기에 비유해서 설명합니다. 코딩을 전혀 모르는 분도 이해할 수 있어요.
Next.js가 뭔데? 왕초보가 이해한 방식으로 설명
Next.js를 요리에 비유해서 아주 쉽게 설명합니다. React와의 차이점, 장점, 왜 선택했는지 왕초보 눈높이로 풀어봤어요.
