Next + React Query로 SNS 서비스 만들기
리액트18 & 넥스트14 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!
중급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.
이런 걸
배워요!
리액트 개발
리액트+타입스크립트
React Query
Next.js App Router
SSR & SEO
MSW
Next Auth
실시간 웹소켓 채팅
zustand
AWS 배포
이런 분들께
추천드려요!
학습 대상은
누구일까요?
리액트 프레임워크를 사용해서 웹 서비스를 완성하고 싶은 분
프론트엔드 현업 개발자 && 지망생 && 취준생
Next App Router를 적극적으로 사용해보고 싶은 분
서버의 데이터를 React Query로 관리해보고 싶은 분
SSR, SEO까지 다 챙기고 싶은 분
선수 지식,
필요할까요?
HTML, CSS 지식
자바스크립트 ES2022까지의 지식
React 기초 지식(제로초의 리액트 무료 강좌 시청하세요)
타입스크립트(강의 내에서 알려드려요)
안녕하세요
제로초(조현영)입니다.
제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!
https://www.zerocho.com/lecture
제로초 강의 전체 로드맵
– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중
– 현) 스모어톡 CTO
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)
커리큘럼
전체
75개 ∙ 14시간 46분
Next 13 이후에 바뀐 점
12:00
클론 코딩의 장단점
09:21
이 강의를 효율적으로 듣는 방법
04:34
Next 프로젝트 시작하기
13:30
브라우저 주소 app 폴더에 반영하기
09:47
라우트 그룹
06:06
css module을 선택한 이유
06:12
패러렐 라우트
08:20
클라이언트 컴포넌트로 전환하기
04:26
default.tsx
03:57
인터셉팅 라우트
06:50
private folder(_폴더)
02:30
레이아웃 클론하기
12:38
오른쪽 섹션 클론코딩
08:04
게시글 만들며 dayjs 사용해보기
09:10
/compose/tweet 만들기
10:47
/messages 페이지 라이브 클론
21:28
다중 이미지 구역 만들기
17:55
반응형 만들기
09:57
마지막 업데이트일: 2024년 02월 20일