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

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

(4.6)
34개의 수강평 ∙ 2,202명의 수강생

69,300원

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

  • happycoding 프로필happycoding
    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. 책이랑 내용은 거의 같은데 설명이 강의가 좀 더 원활한 것은 있습니다. 책에서는 하나 내용 설명할 때 여러 페이지가 걸려서 내용이 늘어지는 감이 있습니다.

  • mr30303 프로필mr30303
    2023-12-191105914

    springframework로는 풀스택 개발을 해보았는데요 java - jsp - javascript(jquery) 사용했었습니다 저희회사가 프론트개발은 저 혼자 해서 jsp만 쓰는데 react도 써보고 싶어서요 1. 이 소스는 타입스크립트를 사용하는데 따로 강의 안보고도 수강해도 알아들을 수 있을까요? 2. 실제 react로 개발하는 회사들도 소스 구조(react + next)가 저렇게 되는지도 궁금합니다

    조현영
    조현영
    조현영
    2023-12-19303588

    1. 타입스크립트 부분은 강의에서 설명합니다. 2. 네, 정해진 구조는 없고 자기 회사에 맞게 설정하는 겁니다. 리액트는 이미 알고 있으셔야 수강 가능합니다.

  • br 프로필br
    2023-12-141100644

    알림에 받은 쿠폰은 선착이거나 기간제에요? 안써지는데 다시 받을 수 있을까요??

    조현영
    조현영
    조현영
    2023-12-14302506

    쿠폰 총량이 200명인데 금방 나갔네요. 리액트 노드버드 새소식에 쿠폰코드 업데이트해뒀습니다.

  • 밀크티 프로필밀크티
    2023-12-121099518

    안녕하세요 선생님 수강 전 문의 드립니다. 1년 미만 주니어프론트 개발자이고, 백엔드 지식이 없어서 수강 신청 전 자문을 구하고자 합니다. 이번에 개인 사이드 플젝을 해보려 하는데 선생님의 강의에선 백엔드는 이미 구축되어있는 상태이다보니 선생님의 next 강의를 듣고 별도로 파이어베이스 공부를 한 뒤 Next + Next auth 로그인 구현 + firestore DB + vercel CI/CD 를 해보려고 하는데 이렇게 해도 괜찮을까요~? 개인적으로 찾아보긴 했으나 Firestore를 사용하면 배포까지 그냥 파이어베이스로 배포하고 로그인까지 구현하는게 나은지… ㅠ 첨언을 해주시면 감사하겠습니다~!

    조현영
    조현영
    조현영
    2023-12-12302225

    음... 파이어베이스를 쓰신다면 보통은 http가 아니라 파이어베이스 sdk를 쓰시기때문에 코드가 좀 더 제 강좌랑 달라질 수가 있습니다. 프론트개발자 입장에서 백엔드를 파이어베이스로 간단하게 하는 것은 좋은 선택이긴 합니다. 로그인도 파이어베이스로 하고요.

  • 조장익 프로필조장익
    2023-12-081095601

    강의 수강하면 소스 코드도 제공 되나요?

    조현영
    조현영
    조현영
    2023-12-08301285

    소스코드는 https://github.com/zerocho/next-app-router-z 에 있습니다.

  • 트릴 프로필트릴
    2023-12-081095563

    선생님 죄송하지만 하나만 더 여쭤보겠습니다. 혹시 suspence 컴포넌트와 같이 react 18에 대한 문법이 강의내용에 포함되는지 궁금합니다.

    조현영
    조현영
    조현영
    2023-12-13302432

    오늘 서스펜스 활용해서 최적화하는 강좌 한 편 더 추가했습니다. React 18 공식문서에 있는 내용이긴 한데 실무 적용에서 헷갈릴 점이 있을 것 같아 별도 강좌로 제작했습니다

  • 트릴 프로필트릴
    2023-12-081095558

    react 18의 server component도 다루나요?

    조현영
    조현영
    조현영
    2023-12-08301266

    Next App Router하면 서버 컴포넌트를 안 할 수가 없습니다.