NEW

1시간 만에 Astro로 블로그 완성하기 (Markdown · SSG · 배포까지 한 번에)

Name: 1시간 만에 Astro로 블로그 완성하기 (Markdown · SSG · 배포까지 한 번에)
Price: 19250 KRW

이 강의는 Astro를 처음 접하는 사람도 1시간 안에 실제로 배포된 블로그를 완성하는 것을 목표로 합니다. 이론 설명은 최소화하고, 복사해서 바로 실행할 수 있는 코드와 단계별 체크 포인트를 중심으로 진행합니다. 강의가 끝나면 👉 "Astro를 써본 적 있다”가 아니라 👉 “Astro로 만든 블로그가 하나 있다”는 상태가 됩니다.

3명 이 수강하고 있어요.

난이도 초급

수강기한 무제한

woongsnote

실습 중심

처음하는배포

TypeScript

블로그

TailwindCSS

실습 중심

처음하는배포

TypeScript

블로그

TailwindCSS

수강 후 이런걸 얻을 수 있어요

Astro 프로젝트 생성부터 실행까지의 전체 흐름 이해
Markdown 기반 콘텐츠 시스템 구성
글 목록 페이지 & 글 상세 페이지 구현
Astro SSG 방식의 페이지 생성 경험
최소 SEO 설정 (title / description / canonical / og 기본값)
Vercel을 이용한 실제 배포 경험

Astro 프로젝트 생성부터 배포까지, 하나의 블로그를 완성하는 경험을 갖춥니다.

개념만 훑어보는 것이 아니라, Astro 프로젝트를 직접 생성하고, Markdown으로 글을 작성하며, 동적 라우팅을 통해 글 목록과 상세 페이지를 구현하는 전 과정을 경험합니다. 이론 학습에 부담을 느끼는 분들도 복사-붙여넣기로 실행 가능한 코드를 통해 1시간 안에 첫 배포된 블로그를 완성할 수 있습니다.

Markdown 기반 콘텐츠 관리 및 동적 페이지 구현 능력을 기릅니다.

Astro의 Content Collections 기능을 활용하여 게시글 데이터를 체계적으로 관리하고, 이를 기반으로 동적인 글 목록 페이지와 상세 페이지를 구현하는 방법을 익힙니다. 이를 통해 개인 블로그뿐만 아니라 다양한 콘텐츠 기반 웹사이트를 구축하는 데 필요한 핵심 기술을 습득합니다.

실제 서비스에 적용 가능한 기본적인 SEO 및 배포까지 스스로 해결합니다.

단순히 블로그를 만드는 것을 넘어, 검색 엔진 최적화(SEO)를 위한 기본적인 설정(title, description, canonical, og 태그)을 적용하고, Vercel을 이용한 실제 배포 경험을 통해 만든 블로그를 세상에 공개하는 전 과정을 스스로 완료할 수 있게 됩니다.

수강 전 참고 사항

실습 환경

운영체제: Windows, macOS, Linux 모두 가능합니다.
필수 설치 프로그램: Node.js (최신 LTS 버전 권장)
개인 PC 사양: 웹 브라우저 및 코드 편집기 실행에 무리가 없는 정도면 충분합니다.

선수 지식 및 유의사항

Astro 경험이 없어도 괜찮습니다.
Html/CSS 경험이 있으면 이해에 도움이 될 수 있습니다.
React, Vue 등 다른 프레임워크 경험이 있으면 이해에 도움이 될 수 있습니다.
Markdown 문법에 익숙하면 학습이 더 수월합니다.

학습 자료

강의에서 제공하는 코드 예제를 바로 복사하여 사용할 수 있습니다.
각 단계별 체크리스트를 통해 학습 진행 상황을 점검할 수 있습니다.
Astro 공식 문서 링크를 제공하여 추가 학습을 지원합니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

🔰 Astro가 처음이거나, 공식 문서가 부담스러운 분
⚛️ React / Vue 경험은 있지만 Astro는 써본 적 없는 분
✍️ 개인 블로그를 직접 만들어보고 싶은 개발자
🚀 “이론 말고, 일단 하나 완성해보고 싶은” 분
⏱️ 짧은 시간 안에 결과물이 필요한 분

선수 지식,
필요할까요?

Node.js / npm 기본 사용 경험
터미널에서 명령어 실행 가능
JavaScript 문법에 대한 아주 기본적인 이해

안녕하세요
입니다.

커리큘럼

전체

26개

섹션 1. 강의 시작 & 준비

3개

1. 1-1. 강의 소개와 목표
2. 1-2. Astro 한 번에 이해하기
3. 1-3. 시작하기 전에 (개발 환경 준비)

섹션 2. Astro 프로젝트 생성

3개

4. 2-1. Astro 프로젝트 생성하기
5. 2-2. 옵션 선택 가이드
6. 2-3. 로컬 서버 실행 및 확인

섹션 3. (선택) Tailwind CSS 빠르게 적용

2개

7. 3-1. Tailwind CSS 설치
8. 3-2. Tailwind 적용 확인

섹션 4. Markdown 콘텐츠 시스템 구축

5개

섹션 5. 공통 레이아웃 만들기

1개

섹션 6. 글 상세 페이지 & SSG 라우팅

4개

섹션 7. 최소 SEO 적용

3개

섹션 8. 배포 & 마무리

5개

강의 게시일:

마지막 업데이트일:

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!

얼리버드 할인 중

₩19,250

30%

₩27,500

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

Boaz

함께 소스코드를 까보며 기술면접부터 실무 설계까지, AI 시대에 필요한 깊은 이해와 자신만의 관점을 갖출 수 있도록 도와드릴게요. Next.js를 단순히 "써본" 개발자에서, 왜 그렇게 쓰는지 "이해하는" 전문가로 성장하세요.

중급이상

Next.js, React, TypeScript

Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

Boaz

실무에 바로 적용하는 스토리북과 UI 테스트

제이쓴

스토리북 활용법 A to Z. 스토리북의 모든것을 보여드립니다

초급

storybook, ui-testing, React

실무에 바로 적용하는 스토리북과 UI 테스트

제이쓴

평범한 직장인이라면 블로그로 1원도 벌 생각 하지마세요.

No.9 Dong Eun

블로그로 부수입을 만들 수 있다? 그거 다 개사기입니다. 여러분들 혹시 블로그로 돈 벌어보셨나요? 혹은 주위에 블로그로 돈 번 사람들이 있나요? 단순하게 하루, 이틀 블로그를 하실 예정이라면 애초에 신청 하지 마세요. 런트쌤은 진심으로 돈 버는 방법들을 알려드릴 예정이고, 별도 카톡방 운영을 통해 질문에 대한 피드백을 드릴 예정입니다.

입문

블로그

평범한 직장인이라면 블로그로 1원도 벌 생각 하지마세요.

No.9 Dong Eun

Node.js에 TypeScript 적용하기(feat. NodeBird)

제로초(조현영)

Node.js에 타입스크립트를 적용해보고, 기존 npm 패키지에 타이핑을 추가하거나, 직접 타입스크립트 라이브러리를 만들어봅시다.

중급이상

Node.js, 웹앱, TypeScript

Node.js에 TypeScript 적용하기(feat. NodeBird)

제로초(조현영)

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

문법을 넘어 동작 원리와 개념 이해까지 배워도 배워도 헷갈리는 타입스크립트 이제 제대로 배워보세요! 여러분을 타입스크립트 마법사🧙🏻‍♀️로 만들어드립니다.

초급

TypeScript

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

Firebase 시리즈 #1: 소셜 로그인·휴대폰·위치 인증 완벽 가이드

닭강정

🔥 HTML + Tailwind CSS + 순수 JavaScript만으로 완성하는 Firebase 사용자 인증! 소셜 로그인·휴대폰·위치 인증까지, 복잡한 백엔드 없이 쉽고 빠르게 계정 시스템 구축합니다.

초급

HTML/CSS, JavaScript, Firebase

Firebase 시리즈 #1: 소셜 로그인·휴대폰·위치 인증 완벽 가이드

닭강정

Next.js 15로 완성하는 실전 YouTube 클론 개발

antonio

이 24시간 튜토리얼에서는 자신만의 유튜브 클론을 만드는 방법을 배우게 됩니다. Next 15와 React 19(tRPC 포함), 서버 컴포넌트에서의 프리페칭, 클라이언트 컴포넌트에서의 서스펜스 활용, 비디오 처리, 백그라운드 작업, AI 기능 등 고급 주제들을 다룰 것입니다.

초급

Next.js, React, PostgreSQL

Next.js 15로 완성하는 실전 YouTube 클론 개발

antonio

[코드팩토리] [초급] 8시간만에 끝내는 코드팩토리의 Typescript 완전정복 풀코스

코드팩토리

TypeScript(타입스크립트)를 하나도 모르더라도 강의 하나로 Typescript 문법 고수로 만들어주는 고농축 Typescript 문법 강의입니다.

초급

TypeScript

[코드팩토리] [초급] 8시간만에 끝내는 코드팩토리의 Typescript 완전정복 풀코스

코드팩토리

깃헙 블로그(Github blog)로 차별화 된 나만의 홈페이지 만들기!

런어데이

누구나 꿈꾸는 나만의 블로그! 어디서나 흔히 볼 수 있는 블로그가 아닌, 내가 직접 만들고 운영하는 차별화 된 블로그 만들기! 깃헙 블로그(Github blog)로 지금 바로 도전해 보세요!

입문

블로그, GitHub

깃헙 블로그(Github blog)로 차별화 된 나만의 홈페이지 만들기!

런어데이

차세대 Node.js 백엔드 서버 개발(Fastify & Prisma & Typescript와 함께하는)

Indie Coder

빠른 속도를 자랑하는 Node.js 프레임워크 fastify 와 orm Prisma 그리고 Typescirpt를 활용한 최신 Node.js 백엔드 REST API를 학습하는 코스

초급

Node.js, TypeScript, Prisma

차세대 Node.js 백엔드 서버 개발(Fastify & Prisma & Typescript와 함께하는)

Indie Coder

1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

도도(코딩루팡)

Next.js + Cursor IDE 로 챗 프로그램을 한시간만에 구현하는 능력을 가질 수 있어요.

입문

nextjs, ChatGPT, React

1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

도도(코딩루팡)

[세바시] 대통령 연설비서관이 전하는 글쓰기의 비밀 | 작가 강원국

세바시

글쓰기가 막막한가요? 막상 쓰려면 어디서부터 시작해야 할 지 몰라 한숨부터 나오는 당신에게, 8년간 대통령의 말과 글을 다듬어온 강원국 작가가 알려주는 '진짜 글쓰기의 핵심'을 전합니다. 자기소개서, 보고서, 책, 블로그에 이르기까지... 당신이 써야하는 모든 글에 적용할 수 있는 노하우를 전해드립니다.

입문

블로그, 글쓰기, 출간, 출판

[세바시] 대통령 연설비서관이 전하는 글쓰기의 비밀 | 작가 강원국

세바시