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

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

(4.6)
69개의 수강평 ∙ 2,725명의 수강생

69,300원

지식공유자: 제로초(조현영)
총 75개 수업 (14시간 46분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가공유
  • 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입니다

  • anbo 프로필anbo
    2023-12-291118153

    안녕하세요, 조현영 선생님. 저는 DB 기술지원 엔지니어 입니다. 강의가 재밌어 보여서 수강하려고 하는데, 한 가지 궁금한 게 생겼습니다. 백엔드 서버용 DB로 postgresql 과 redis (window는 redis 대용?) 를 사용하는 것 같은데, 이를 oracle 이나 tibero 등 다른 major rdb를 사용해도 무방한가요? 강의를 활용하여 이런 저런 시도를 해보고 싶어 여쭤봅니다.

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2023-12-29306092

    이 강의는 프론트쪽만 다루고 백엔드는 제가 만들어둔 것을 그대로 쓰기 때문에 다른 DB를 쓰신다면 이 강의에서 다루지 않는 백엔드 부분까지 직접 고치셔야 합니다. 백엔드 강의는 추후에 따로 나올 예정입니다. 그 때도 Prisma ORM에서 지원하는 DB만 쓰실 수 있습니다.

  • 비가싫어요 프로필비가싫어요
    2023-12-261113985

    백엔드 공부를 하다가 만들어 보고 싶은 것이 생겨서 프론트엔드에도 관심이 생긴 사람입니다. 다른 선생님의 리액트 무료 강의 + 선생님의 타스1 강의 정도 듣고 이 강의 수강하는 것은 괜찮을까요?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2023-12-26305294

    네 제 리액트 무료강의 + 타스 파트1이 선수과목입니다. 듣는데 문제 없으실 겁니다.

  • 순민 프로필순민
    2023-12-251113032

    이전에 노드버드를 구입해서 쿠폰 번호를 메일로 받았습니다. 그런데 "신규 발급이 제한되었거나 발급 수량이 초과된 쿠폰입니다." 라는 문구가 나오면서 쿠폰 적용이 안 됩니다. 에초에 발급 수량이 정해져 있던 쿠폰이였던건가요?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2023-12-25305051

    리액트 노드버드 새소식에 새 쿠폰 올라와있습니다

  • 호호 프로필호호
    2023-12-241112587

    안녕하세요. 제로초님 강좌를 구매하려 하는데 궁금한 점이 생겼습니다. 프론트 로드맵 보고 질문드려요! 1. rtk 말고 zustand 쓰는 이유가 궁금합니다. 로드맵 보면 리덕스 안 죽었으니 필수다, 다만 rtk로 배우고 다른 거로 전환해라 라고 되어있는데 최근에 트렌드가 바뀌어서 그런 건가요? 2. ts교과서 보고 있는데 이해하기 많이 어려워서 돈 더 주고 강의를 구매하려 합니다. 책 보고 모르겠는 내용들이 강의 보면 이해되겠죠?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2023-12-24304943

    1. 네 맞습니다. 실무에서도 저는 redux 안 쓰고 zustand 씁니다(그리고 rtk 배우라고 하지 않고 redux 배우라고 했었습니다 ㅎㅎ) 2. 책이랑 내용은 거의 같은데 설명이 강의가 좀 더 원활한 것은 있습니다. 책에서는 하나 내용 설명할 때 여러 페이지가 걸려서 내용이 늘어지는 감이 있습니다.

채널톡 아이콘