# 웹개발

10 posts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

👁 40
Supabase로 데이터베이스 연결하기 — 무료로 백엔드 만들기
웹 개발

Supabase로 데이터베이스 연결하기 — 무료로 백엔드 만들기

Supabase 무료 티어로 블로그 백엔드를 구축하는 방법. 가입부터 테이블 설계, Next.js 연동까지 경험을 공유합니다.

👁 40
웹사이트는 어떻게 만들어질까? — HTML, CSS, JS 쉬운 설명
웹 개발

웹사이트는 어떻게 만들어질까? — HTML, CSS, JS 쉬운 설명

웹사이트의 3가지 핵심 기술을 집 짓기에 비유해서 설명합니다. 코딩을 전혀 모르는 분도 이해할 수 있어요.

👁 52
Next.js가 뭔데? 왕초보가 이해한 방식으로 설명
웹 개발

Next.js가 뭔데? 왕초보가 이해한 방식으로 설명

Next.js를 요리에 비유해서 아주 쉽게 설명합니다. React와의 차이점, 장점, 왜 선택했는지 왕초보 눈높이로 풀어봤어요.

👁 45
비전공자가 개발을 시작하며 느낀 솔직한 이야기
일상

비전공자가 개발을 시작하며 느낀 솔직한 이야기

비전공자가 코딩을 처음 시작하면서 겪은 어려움과 극복 과정. 코딩 독학 3개월의 솔직한 후기입니다.

👁 53
왜 티스토리 대신 직접 블로그를 만들었을까?
웹 개발

왜 티스토리 대신 직접 블로그를 만들었을까?

티스토리, 워드프레스 대신 Next.js로 블로그를 직접 만든 이유. 비용, 시간, 장단점을 솔직하게 공유합니다.

👁 43