웹 개발

14 posts total

React 기초 핵심 가이드 — 컴포넌트·Props·State를 초보자 눈높이로 이해하기
웹 개발

React 기초 핵심 가이드 — 컴포넌트·Props·State를 초보자 눈높이로 이해하기

Next.js를 본격적으로 다루기 전에 반드시 짚고 넘어가야 할 React의 삼총사! 컴포넌트, Props, 그리고 State의 동작 원리를 비전공자도 단번에 이해할 수 있는 실생활 비유로 설명합니다.

👁 45
JavaScript 기초 완전정복 — 변수·함수·반복문을 초보자도 이해하게
웹 개발

JavaScript 기초 완전정복 — 변수·함수·반복문을 초보자도 이해하게

HTML/CSS 다음 단계인 JavaScript. 처음 접하는 분도 이해할 수 있도록 변수, 함수, 조건문, 반복문을 실제 예시와 함께 설명합니다.

👁 26
Cloudflare로 Next.js 블로그 무료 배포하기 — OpenNext와 GitHub Actions 자동 배포 설정법
웹 개발

Cloudflare로 Next.js 블로그 무료 배포하기 — OpenNext와 GitHub Actions 자동 배포 설정법

Vercel 말고 Cloudflare에도 Next.js 블로그를 배포할 수 있습니다. OpenNext 어댑터 설치, wrangler 설정, API 토큰 발급, GitHub Actions 자동 배포, 환경 변수 주의점까지 실제 운영 중인 구성 기준으로 정리했습니다.

👁 5
깃허브(GitHub) 입문 — Git 설치부터 커밋·푸시까지 비전공자도 따라 하는 방법
웹 개발

깃허브(GitHub) 입문 — Git 설치부터 커밋·푸시까지 비전공자도 따라 하는 방법

Git과 GitHub가 뭔지, 어떻게 쓰는지 막막하신가요? Git 설치, GitHub 가입, 저장소 만들기, 커밋과 푸시, 자주 만나는 오류 해결까지 비전공자 눈높이로 따라 할 수 있게 정리했습니다.

👁 7
GA4(구글 애널리틱스 4) 설치 방법과 보는 법 — Next.js 블로그에 연동하기
웹 개발

GA4(구글 애널리틱스 4) 설치 방법과 보는 법 — Next.js 블로그에 연동하기

내 블로그에 방문자가 얼마나 오는지 궁금하신가요? GA4 계정 만들기부터 측정 ID 발급, Next.js 블로그 연동, 실시간 보고서와 꼭 봐야 할 핵심 지표까지 한 번에 정리했습니다.

👁 5
다국어 블로그 만들기 — 한국어/영어 동시 지원하는 법
웹 개발

다국어 블로그 만들기 — 한국어/영어 동시 지원하는 법

Next.js에서 next-intl을 사용하여 한국어와 영어를 동시 지원하는 다국어 블로그를 만드는 방법을 공유합니다.

👁 61
CSS로 예쁘게 꾸미기 — 색상, 폰트, 레이아웃 기초
웹 개발

CSS로 예쁘게 꾸미기 — 색상, 폰트, 레이아웃 기초

CSS의 핵심 개념을 배우면서 밋밋한 HTML 페이지를 세련된 디자인으로 변신시켜봅니다.

👁 57
Vercel에 블로그 배포하기 — 10분 만에 내 사이트 만들기
웹 개발

Vercel에 블로그 배포하기 — 10분 만에 내 사이트 만들기

Next.js 블로그를 Vercel에 무료로 배포하는 방법. GitHub 연동부터 자동 배포, 커스텀 도메인 설정까지 안내합니다.

👁 56
HTML로 자기소개 페이지 만들기 — 첫 번째 실습 프로젝트
웹 개발

HTML로 자기소개 페이지 만들기 — 첫 번째 실습 프로젝트

HTML 기본 태그를 배우면서 나만의 자기소개 웹페이지를 만들어봅니다. 코딩 입문자를 위한 실습 가이드.

👁 41