Thumbnail
BEST
개발 · 프로그래밍프론트엔드

Next + React Query로 SNS 서비스 만들기대시보드

(4.6)
79개의 수강평 ∙ 2,908명의 수강생

69,300원

지식공유자: 제로초(조현영)
총 81개 수업 (14시간 39분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가공유
  • silano06 프로필silano06
    2024-12-101457552

    안녕하세요! 로드맵을 보고 고민하다가 문의 드립니다. Redux vs MobX 강의와 이 강의가 연결점이 많이 있을까요? 회사에서 신규 솔루션 프론트가 react로 구성되어 있어서 우선 무료강의 시청하고 리엑트 쿼리에 대한 부분을 공부하려고 하는데 어떤걸 먼저 들으면 좋은지 고민이 되서 문의드립니다.

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-12-10385871

    Redux가 이 강의에서 react-query, zustand 두 개로 분리되었다고 보시면 됩니다. 요즘은 비동기적으로 데이터 가져오는 것은 thunk나 saga 대신에 react-query를 쓰고, 전역 상태 관리는 zustand를 많이 씁니다. 이 강의를 들으시려면 무료 React 강좌 먼저 보시고 그 다음에 이 강의 들으시면 됩니다.

  • dbsk0108 프로필dbsk0108
    2024-12-091457466

    안녕하세요! 수강 전 문의사항이 있습니다. 리액트만 어느정도 알고 Next.js는 아예 모르는데 수강 시에 이해가 될까요??

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-12-09385759

    네, 넥스트 처음부터 알려드리는 강의입니다! 리액트만 아시면 됩니다

  • codeflow 프로필codeflow
    2024-12-081456103

    안녕하세요 제로초님 유튜브 팬입니다. 스프링부트 백엔드 개발을 7년 정도 했는데, 리액트를 공부하면서 보니 요즘은 Next 없이 사용하는 경우가 거의 없더라고요 Next가 궁금해서 강의를 들으려는데 이 강의 들으면 어느정도 Next에 감이 올까요? Next는 여러가지 렌더링이 가능하니 굳이 서버사이드 구현을 백엔드에서 할 필요가 없겠더라고요.

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-12-08385483

    안녕하세요. 이 강의는 넥스트의 대부분 기능을 사용합니다. 실무에서 사용할 수 있을 정도가 되는 게 목적입니다. 현재는 넥스트 15 관련 내용을 업데이트 중에 있습니다. 리액트는 안다는 전제 하에 진도 나가므로 리액트가 선행지식입니다.

  • charo 프로필charo
    2024-11-101423807

    안녕하세요 수강전에 질문이 몇가지 있어서 여쭤봅니다. 1. 지금 강의를 들어도 수강하는데 문제없을까요? ex)버전에러 2. 백엔드위주로 공부하고 프론트 엔드는 다뤄본게 vue정도인데 수강하는데 지장없을까요?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-11-10379294

    버전에러는 공지사항에 적힌대로 하시면 큰 문제없습니다. 에러 생길 때마다 업데이트 드리고있습니다. react 기본은 하실 줄 알아야 원활하게 수강 가능하십니다

  • yejine2 프로필yejine2
    2024-09-061374565

    안녕하세요! 수강 전 데모사이트 둘러보다가, https://z.nodebird.com/explore 페이지에서 흰 화면에 Application error: a client-side exception has occurred (see the browser console for more information). 에러가 발생하는 것을 확인하였습니다. 콘솔엔 TypeError: e.map is not a function 라고 떴습니다. 저도 개발하다가 이런 경우 종종 마주하는데, 간헐적이라 발현이 안될때도 있고, 개발 환경에서는 안보이다가 배포하면 해당 에러가 나오더라구요. 대략 원인이 무엇이며 추후 어떤 식으로 예방할 수 있을까요? 조언 부탁드립니다.

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-09-06365458

    저는 아무리해도 안 뜨는데 혹시 계속 저 에러가 뜨나요? 일단 네트워크 요청 중 하나가 실패해서 렌더링에 필요한 배열이 안 불러와진 것 같습니다. 요청이 실패하더라도 기본값으로 빈 배열을 둔다면(또는 e?.map을 사용한다면) 막을 수 있을 것 같습니다.

  • 석봉토스트 프로필석봉토스트
    2024-08-031342326

    강의에 회원가입 로그인 기능도 포함되나요? axios, jwt, 유저 스키마 등등

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-08-03358157

    회원가입/로그인 기능 있습니다. jwt 대신 세션 쿠키 기반으로 진행하고 있습니다.

  • Aurora 프로필Aurora
    2024-08-021341471

    리액트 노드버드 강의와 이 강의의 차이점이 뭔가요?? 비슷하다면 이 강의를 구매하려고 합니다!

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-08-03358004

    노드버드 강의는 pages router이고 이 강의는 app router입니다. 이 강의가 좀 더 최신 스택으로 진행합니다!

  • crazykyu 프로필crazykyu
    2024-07-311338744

    수강기간 이어서 문의드립니다. 오른쪽 구매버튼 하단에 수강기간 : 무제한 으로 나와있는곳 마우스 올리면 "유료 수강기간 1개월, 이후 복습 및 질문답변 무제한 가능" 이라고 나와있어서 문의 드렸어요.

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-07-31357471

    저도 처음보는 것이네요. 인프런에 문의 넣었습니다. 이 강의의 수강 기간은 무제한이고, 복습&질문답변도 기간 상관없이 무제한 가능합니다.

  • crazykyu 프로필crazykyu
    2024-07-311338715

    수강기한이 무제한인데 유료수강기간 1개월이라는 의미가 어떤건가요?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-07-31357426

    유료수강기간이 1개월이라는 게 어디에 나와있나요?? 이 강의는 무제한 수강 강의입니다.

  • 성민최 프로필성민최
    2024-06-141290359

    백엔드 api는 별도로 만든상태입니다. jwt로그인 진해중인데 토큰을 zustand를 통해서 관리하려고 합니다. 이와 관련하여 토큰 persist해주는 내용까지 있을까요?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-06-14346474

    jwt 로그인 토큰은 zustand 안에 그냥 넣으시면 됩니다. token 값과 setToken 함수 만들어서 setToken(jwt토큰) 하는 방식으로요. 그리고 axios나 fetch 요청 헤더로 요청 보낼 때마다 넣어주시면 됩니다. 별도의 기법이 필요하거나 그렇지 않습니다.

  • 김민수 프로필김민수
    2024-03-111204188

    안녕하세요 수강전에 문의드립니다. 현재 인프런 대학생 30퍼센트 쿠폰 이벤트를 하고있는데 프로모션 비동의 강의는 쿠폰 적용이 안된다고 합니다. 혹시 본 강의는 쿠폰적용이 될지 여쭈어봅니다 !

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-03-12324355

    이 강의는 프로모션 동의 강의입니다.(쿠폰 적용해보시면 할인가로 나올겁니다)

  • 김민승 프로필김민승
    2024-02-281192775

    안녕하세요 수강전에 여쭈어볼게 있어서 문의 남김니다. 해당 강의 들으면서 작성하는 코드들은 본인의 github 같은데 올려도 괜찮을까요? 아니면 저작권 문제로 인해 올리면 안되는 건가요?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-02-28321438

    fork 기능을 사용하시면 자유롭게 가져가셔도 되고 직접 작성하시는거면 출처 하나 REAMME.md에 남겨주심 됩니다.

  • 서화랑 프로필서화랑
    2024-02-231187655

    안녕하세요! 수강전에 여쭤볼게 있어서요! 커리큘럼을 보니 API Response 데이터를 다루기 위해 react-query 라이브러리를 사용하는 것으로 보이는데, 클라이언트 단 전역 상태관리가 필요 할 경우 어떤식으로 강의가 진행되는지 궁금해요! ex) contextAPI - useContext, recoil, redux

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-02-23320480

    context api도 보여드리고, zustand도 보여드립니다!

  • 공부중인사람 프로필공부중인사람
    2024-02-121175630

    이전 질문에 답변 주셔서 감사합니다. 그렇다면 react 공식문서 조금만 더 훑고서 강의 바로 시작해보려하는데, 이런 저런 자료 참고하다보니 강사님의 유튜브에서 2024년 react관련 배울것들 총집합 영상이 있어서 한번 보고왔습니다. 해당 내용 중에 강사님은 next말고 remix를 추천하는 듯 하더라고요. 저는 잘은 오르지만 앱라우트 부분에서 버그 리포트가 2000개가 넘는게 해결이 안되었다면서요. 저 같은 경우 취업이나 회사일 때문에 공부를 하고 있지는 않고, 개인적으로 활용하려고 공부 중입니다. 개인적으로 python등으로 개인 컴터 내에서 만들어둔 공학용 프로그램들 중 일부를 장기적으로 웹서비스로 만들고 싶어서요. 풀스택 1인 개발을 하는 방향으로 공부를 하고 있는 와중인데 이 강의가 도움이 될 것 같아서 선택하려고 합니다. 그런데 remix를 또 추천하시니... 이 강의를 들으면서 remix 공식문서를 참고하면 나중에 remix로 갈아타서 독학하는데도 도움이 될까요? 또 한편으로 remix가 현재로서는 국내에서 보편적이지 않은데, 그 점을 생각하면 강사님이 vue대신 react를 추천하는 것과는 또 상충되는 것 같기도 하지만, 추천하는 이유가 있다면 next에서 remix로 갈아타는게 어렵지 않기 때문이라고 지레 짐작하고 있는데 맞을까요? 그리고 비슷한 이유로, 이 강의를 들으면서 백엔드와 DB를 같이 공부해서 자체적으로 만드는 연습을 병행할 때 무엇 무엇을 공부하면 좋을지 알고 싶습니다. 이 강의 이후에 백엔드 관련해서도 강의를 추가로 준비 중이신걸로 아는데 해당 강의가 언제 어떻게 나올지 모르기에 따로 공부를 하면서 하고 싶어서요.

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-02-12317606

    어차피 공부는 공식문서만 보면서 해도 충분합니다. 리믹스도 마찬가지이고요. 결국은 리액트라서 리액트 라이브러리들 조립하면 됩니다. 현재 리믹스랑 네스트 강의 중 어떤 걸 먼저 낼지 고민 중입니다. 백엔드는 네스트 공부하시면 됩니다.

  • 공부중인사람 프로필공부중인사람
    2024-02-121175108

    웹개발 경험은 없어서 최근에야 js , nodejs, react 입문용 강의만 다 들었습니다. 혹시 이 강의를 바로 들어봐도 괜찮을까요? 선행 되어야 하는 지식이 부족한 부분은 찾아가면서 들을만 할까요?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-02-12317552

    html, css, js는 안다고 생각하고 해서 설명하지 않습니다. react hooks까지 아신다면 들으셔도 됩니다. 부족한 부분이 있으면 찾아들으시거나 저한테 어떤 부분 공부하면 될지 물어보셔도 됩니다.

  • foxball 프로필foxball
    2024-02-071169665

    이전에 노드버드를 구입해서 쿠폰 번호를 메일로 받았지만, 제가 메일을 잘 확인을 안하는 바람에, 시기를 놓쳤습니다. 다시한번 쿠폰발행을 꼭 부탁드립니다. ㅠㅠ

  • foxball 프로필foxball
    2024-02-051167471

    이전에 노드버드를 구입해서 쿠폰 번호를 메일로 받았지만, 제가 메일을 잘 확인을 안하는 바람에, 시기를 놓쳤습니다. 다시한번 쿠폰발행을 꼭 부탁드립니다. ㅠㅠ 확인해보시며 아시겠지만, 선생님 강좌를 대부분 듣고있습니다.^^; 서비스차원에서 ㅎ

  • kti 프로필kti
    2024-02-051166945

    안녕하세요 제로초님! 강좌 수강 전에 질문이 있어 문의드립니다! 넥스트 css를 찾아보니까 공식문서에 css modules, tailwind, css-in-js 이렇게 세가지가 있더라고요! 공식문서에서는 tailwind를 추천하던데 제로초님은 vanilla-extract을 쓰시는 걸까요? css 적용법이 너무 다양해서 어떤 게 최적인지 헷갈리네요

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-02-05316147

    네 vanilla-extract 씁니다. 취향 차이이긴 한데 저는 tailwind에서 굳이 따로 tailwind용 클래스네임을 외워야 하는게 마음에 들지 않아서 vanilla-extract를 씁니다. 이것도 next 기능 전부 다 지원됩니다.

  • gukin.dev 프로필gukin.dev
    2024-01-151141498

    안녕하세요 선생님 수강 신청 전에 질문이있습니다 🙌🏻 본강의는 Next 풀스택이 아닌 Next로 프론트를 개발하고 백엔드 서버가 따로 존재한다는 가정하에 진행되는걸까요? 진행중인 프로젝트에 스프링 부트로 백엔드 서버를 개발하고 있고, Next의 SSR과 ISR을 필요로 하고 있습니다.

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-01-16310957

    네 맞습니다. 백엔드는 제가 제작해두었습니다. ssr은 다루고, isr은 next app router에서 캐시쪽으로 대체되었는데 이것도 다룹니다.

  • Web Codur 프로필Web Codur
    2024-01-111135852

    미리보기에서는 강의 화질이 720p 로 나오는데 전체 강의가 720p 가 맞을까요?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-01-11309849

    아뇨 전부 1080입니다

채널톡 아이콘