개발 · 프로그래밍

프론트엔드

손에 익는 Next.js - 블로그 만들기

Name: 손에 익는 Next.js - 블로그 만들기
Price: 29700 KRW

Next.js로 개인 블로그를 만들며 Next.js를 손에 익혀봐요!

(4.9) 수강평 7개

수강생 174명

하조은

Next.js React 블로그

초급자를 위해 준비한
[프론트엔드, Next.js] 강의입니다.

이런 걸 배울 수 있어요

Next.js의 App Router의 다양한 활용 방법
마크다운 문법을 Next.js에서 활용하는 방법

Next.js로 나만의 블로그 만들기

모두가 남들과 똑같은 집에 살고 싶을까요? 누군가는 자신만의 집을 짓고 남들과는 다른 크기와 형태를 가진 공간을 원할지도 모릅니다. 아쉽게도 오프라인에서는 현실적인 문제로 원하는 공간을 갖기 어렵습니다.

온라인은 다릅니다. 원한다면 누구든지 자신만의 공간을 만들 수 있습니다. 내 손으로 지은 집이 생기는 것이죠. 개발자인 여러분에게는 조금 더 쉬운 일입니다.

여러분은 이 강의를 통해 여러분이 직접 지은 집을 갖게 될 예정입니다.
#React, #Next.js, #nextjs, #블로그

이 강의에서 얻을 수 있는 것

직접 꾸미고 업그레이드할 수 있는 개인 블로그
Next.js에서 마크다운 다루는 방법을 배우기
Next.js 14의 최신 렌더링 기법을 배우고 익히기

이런 분들께
추천드려요!

학습 대상은
누구일까요?

개인 블로그를 직접 구현하고 싶은 분들
Next.js의 실전에 활용을 해보고 싶은 분들
개인 블로그를 Next.js로 마이그레이션 하고 싶은 분들

선수 지식,
필요할까요?

React
TypeScript
Next.js

안녕하세요
하조은입니다.

1,042

명

수강생

개

수강평

개

답변

4.8

점

강의 평점

개

강의

마플, 뱅크샐러드 거쳐 현재는 당근에서 프론트엔드 엔지니어로 일하고 있습니다.

"난 네가 필요해", "너의 존재가 나에게 힘이 돼"라는 말을 좋아합니다. 이웃의 필요를 채워주고 힘이 되어 주는 것, 그게 사랑이라고 믿습니다. 좋은 강의로 여러분의 필요를 채우고 힘이 되어드릴 수 있도록 노력하겠습니다.

커리큘럼

전체

30개 ∙ (2시간 35분)

섹션 1. Intro

6개 ∙ (10분)

섹션 2. 사전 지식 훑어보기

4개 ∙ (16분)

7. 사전 렌더링
06:07
8. 라우팅
04:35
9. 데이터 페칭
02:52
10. 스타일링
02:56

섹션 3. 블로그 유형 살펴보기

6개 ∙ (34분)

11. 일반적인 Next.js 블로그: 데이터 관리
05:25
12. 일반적인 Next.js 블로그: 렌더링과 라우팅, 메타데이터
02:27
13. Vercel 리더십 블로그: 데이터 관리 1
05:59
14. Vercel 리더십 블로그: 데이터 관리 2
07:08
15. Vercel 리더십 블로그: 렌더링과 라우팅
06:40
16. Vercel 리더십 블로그: 메타데이터
06:57

섹션 4. 나만의 블로그 만들기

5개 ∙ (29분)

섹션 5. 나만의 블로그 고도화하기: 테마 변경

3개 ∙ (23분)

섹션 6. 나만의 블로그 고도화하기: 조회수

5개 ∙ (38분)

섹션 7. Outro

1개 ∙ (1분)

강의 게시일: 2024. 09. 11.

마지막 업데이트일: 2024. 09. 12.

수강평

전체

7개

4.9

7개의 수강평

Peter Cha
수강평 6
∙
평균 평점 4.5
2024. 10. 09.
5
100% 수강 후 작성
스스로도 할 수 있는 Directory 구조 같은 부분들은 싹 빼고, 진짜 실용적인 내용들에만 집중해서 Next.js의 Server Actions, PPR과 같은 기법들까지 빠르게 실습을 통해 학습할 수 있다는게 가장 큰 장점인 것 같아요! 👍 이번 강의 덕분에 Vercel 리더십의 코드도 살펴보게 되고 Open Source로 코드를 볼 수 있고 벤치마킹하는 과정을 함께 한다는게 괜히 더 재밌고 자신감이 생기는 좋은 경험이었어요! 🙌 Next.js 핵심이론과 실습을 적절하게 잘 제공해주는 강의라 빠르게 트렌드를 쫓아가는데 도움이 많이 된 것 같습니다 감사해요 증말 :D!
stay850
수강평 1
∙
평균 평점 5.0
2024. 09. 22.
5
100% 수강 후 작성
피카
수강평 13
∙
평균 평점 4.9
2024. 09. 12.
5
100% 수강 후 작성
안녕하세요 조은님, 강의 즐겁게 수강하였습니다. 인프콘에서 조은님 발표를 듣고 바로 블로그를 만들어보기 시작하였는데요, 저는 Guillermo의 블로그를 보면서 제작을 해봤었습니다. 언제쯤 강의가 올라올까 기다리던 와중..강의 오픈이라니!! 빠르게 완강하였습니다. 개인적으로 강의에서는 Lee의 블로그와 비슷한 형태로 만들어보는 것이라서 더 재밌게 느껴졌습니다. 강의를 보기전에 블로그를 제작해보면서 막혔던 부분이 있었는데, 첫번째는 database를 어떻게 할지 고민했었습니다. vercel의 storage를 사용하는 것을 배워서 간편하게 데이터베이스를 활용할 수 있었네요. 두번째는 제 블로그가 검색이 될까? 이런 고민이 있었는데 초기세팅이 되어있는 블로그를 활용하니 이런식으로 하면 되겠구나 라는 감이 잡혔습니다. 조은님께서 강의해주신부분들과 제가 기존에 Guillermo 스타일로 만들었던 블로그를 조합해서 다시 업그레이드 해봐야겠네요. 덕분에 좋은 정보들을 많이 얻을 수 있었습니다. 감사합니다. ☺️
not easy
수강평 1
∙
평균 평점 5.0
2024. 12. 26.
5
87% 수강 후 작성
블로그를 처음 만들어보는 분들에게 정말 좋은 가이드가 될 만한 강의입니다. 강의 내용이 따라하기 쉽게 구성되어 있어 큰 어려움 없이 진행할 수 있었습니다. 다만, 강의를 보실 때 한 가지 주의할 점은 리액트, 넥스트, 테일윈드 등 사용하는 라이브러리와 프레임워크의 버전이 업데이트되면서 강의 내용과 일부 달라질 수 있다는 점입니다. 이런 경우 커뮤니티에서 관련 내용을 확인하시면 도움이 됩니다. 개인적으로 아쉬웠던 점은 강의에 고도화된 기능, 특히 댓글 기능이 추가되었으면 더 좋았을 것 같다는 점입니다. 좋은 강의 만들어주셔서 감사합니다:)
진상우
수강평 5
∙
평균 평점 5.0
2024. 11. 26.
5
100% 수강 후 작성

하조은님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

손에 익는 Next.js - 마이그레이션하기

하조은

React에서 Next.js 14로 마이그레이션하며 React와 Next.js의 차이점을 익혀봅니다. Next.js을 보다 깊게 이해하실 수 있어요!

초급

Next.js, React, vitejs

손에 익는 Next.js - 공식 문서 훑어보기

하조은

공식 문서로 최신 Next.js를 배워봅니다. 문제 해결의 도구로써 Next.js가 필요한 이유를 이해하실 수 있어요!

초급

Next.js, next.js13, React

비슷한 강의

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

손에 익는 Next.js - 마이그레이션하기

하조은

React에서 Next.js 14로 마이그레이션하며 React와 Next.js의 차이점을 익혀봅니다. Next.js을 보다 깊게 이해하실 수 있어요!

초급

Next.js, React, vitejs

손에 익는 Next.js - 공식 문서 훑어보기

하조은

공식 문서로 최신 Next.js를 배워봅니다. 문제 해결의 도구로써 Next.js가 필요한 이유를 이해하실 수 있어요!

초급

Next.js, next.js13, React

Next.js 완벽 마스터 (v15): Notion 기반 개발자 블로그 만들기 (with Cursor AI)

짐코딩

최신 Next.js v15 App Router를 학습하며 Notion 기반의 실용적인 개발자 블로그를 함께 구축하는 강의입니다. 추가로 Cursor AI 활용법 등 다양한 인사이트도 얻을 수 있습니다.

초급

Next.js, CursorAI, React

하루만에 배우는 ChatGPT API

양동준

웹사이트를 ChatGPT와 함께 만들고, 배포까지 책임지는 강의! Fine-tuning까지 배워보세요.

초급

ChatGPT, React, netlify

찍어먹는 Next.js 풀코스 (한국어 더빙)

ludgi

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.