Thumbnail
BEST
개발 · 프로그래밍풀스택

[리뉴얼] React로 NodeBird SNS 만들기대시보드

(4.9)
178개의 수강평 ∙ 3,677명의 수강생
88,000원

월 17,600원

5개월 할부 시
지식공유자: 제로초(조현영)
총 94개 수업 (23시간 3분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가공유
  • 코딩 프로필코딩
    2024-07-061314631

    안녕하세요 프로트엔드 취업 준비생입니다. 해당 강의를 보고 기술스택을 그대로 차용해서 포폴용 프로젝트를 만드려합니다. 넥스트 + 노드, 리액트 + 노드 사용시 라우트 방법부터 세세한 부분에서 차이점이 있는걸로 알고 있는데 취업 포폴 제출시에 1. 리액트 + 노드 포폴 2. 넥스트 + 노드 사용 총 두가지 포폴을 각각 준비 해야하는지 여쭤보고 싶습니다! 또한 프론트엔드 직무를 위해 노드를 어느정도 까지 이해하고 적용 해야하는지 노드버드 과정으로만 노드가 부족하다면 노드 교과서 또한 수강을 할 예정이라 질문드립니다.

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

    넥스트 쓰는 회사에는 2번이 어필이 될 것이고, 아닌 회사에는 1번이 어필이 되겠죠. 다만 둘 다 잘 준비하기는 어려우니 하나에 집중하는 것이 좋습니다. 노드는 노드버드 과정 정도만 하셔도 충분합니다(어떻게 보면 오버스펙일 수도 있습니다). 노드버드 과정의 노드만 해도 상당히 버거울 겁니다.

  • Bumang 프로필Bumang
    2024-05-121264050

    안녕하세요 제로초님. Node교과서 강의를 수강하고 있는데 거기에도 노드버드 강의가 있더라구요. 본 강의는 Node교과서 강의에 있는 노드버드보다 심화된 내용인지 궁금합니다!

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-05-13339456

    네 노드교과서 강의는 그냥 템플릿엔진으로 간단하게 만드는데(기능도 별로 없습니다), 이 강의는 next.js를 사용해서 제대로 만듭니다.

  • 이은주 프로필이은주
    2024-04-271250848

    안녕하세요! 강사님 강좌를 듣고 있는 수강생입니다! Next + React Query로 SNS 서비스 만들기 강좌를 듣고 있는데 제가 진행하려는 프로젝트가 구버전? 프로젝트에 리덕스, 리덕스 사가를 활용해야되는 바람에 이 강좌가 더 맞다고 생각 들어서 찾아보다가 노드버드 강좌를 듣던 기존 수강생은 따로 할인쿠폰이 있다고 들었는데 새 강좌를 구매한 수강생은 노드버드 강좌들을 때 따로 지급되는 할인 쿠폰은 없을까요?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2024-04-27335902

    거꾸로는 생각을 안 해보긴 했었네요 ㅎㅎㅎ. zerohch0@gmail.com 으로 메일주시면 40% 쿠폰 드리겠습니다.

  • 신승헌 프로필신승헌
    2024-02-211185537

    안녕하세요. 이번에 Next를 공부하고 싶은데 어떤 강의를 들어야할지 궁금하여 질문 드립니다. 우선 저는 React의 경우 토이 프로젝트를 수행하여 어느 정도 이해는 하고 있고 ,TS는 유튜브를 통해서 무료 강의를 듣고 있는 상태입니다. Next의 경우에는 처음 입문하는 상태인데 제로초님의 두 가지 Next 강의 중 어떤 것을 듣는 것이 현 상황에서 가장 알맞을지 여쭤보고 싶습니다. 감사합니다. 구매 고민 중인 강의 - [리뉴얼] React로 NodeBird SNS 만들기 - Next + React Query로 SNS 서비스 만들기

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

    실제 서비스에 쓸 수 있는 안정적인 강의는 이 강의이고(백엔드는 보너스) 앱라우터 강의는 최신 강의이나 버그들이 많습니다. 프론트만 있습니다.

  • sp1001 프로필sp1001
    2023-12-191106127

    안녕하세요 강의 순서 질문이 있습니다. React로 NodeBird SNS 만들기 -> Next + React Query로 SNS 서비스 만들기 이렇게 진행할려고 합니다. 궁금한점이 풀스택쪽으로 공부를 하고싶습니다. 그래서 React로 NodeBird SNS 만들기 강의 커리큘럼에서 만든 api를 활용해서 Next + React Query로 SNS 서비스 만들기 강의를 진행할려고 하는데 괜찮을까요?

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

    일단 API가 완전히 호환되지는 않습니다. 다만 React Nodebird에서 배운 백엔드 지식을 바탕으로 Next + React Query의 API를 제작해보실 수는 있습니다. Next+React-Query는 express+sequelize조합 대신 nestjs+prisma 조합을 사용합니다.

  • por02 프로필por02
    2023-12-141100692

    제로초 선생님 안녕하세요. 강의 시작전에 너무 궁금한 내용이 하나 있습니다. 리액트 안하면 주변에서 뭐라하니까 쓰긴하는데요. 이게 제이쿼리에비해 어떤 장점이 있는지 와닿지가 않습니다. 선생님께서 예전에 자바스크립트를 배우기도전에 제이쿼리를 배우셨다는 영상을 본 적이 있습니다. 그리고 지금 리엑트 고수시잖아요. 그래서 선생님께 꼭 여쭤보고 싶었습니다. 노드버드로 리액트 익히고 싶긴 한데, 마음 한켠에 이 의문이 풀리지가 않아서 찝찝합니다. 제이쿼리도 AJAX로 CSR 되는거 같고.. 제이쿼리가 느리다는건 체감 1도 안되고.. NEXT써서 SEO, SSR 적용할거면 오히려 제이쿼리가 더 편리한거 같고.. 제이쿼리가 덕지덕지 무겁다는것도 체감 1도 안되는거같고.. fetch 같은 바닐라로 대체 된다는 사람들도 axios 쓰고있고.. 애니메이션도 제이쿼리UI 같은걸로 후다닥 치면 되는거 같고.. 취업때문에 리액트 배우기는 하는데 이걸 왜 쓰는지 도당체 이해가 안갑니다. 저 리액트 하고싶습니다. 제이쿼리 배우면 취업못한다는데 마음이 계속 제이쿼리로 갑니다. 도와주세요. 도대체 왜 리액트 안쓰면 큰일나는거라고 하는건가요..

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

    일단 지금도 리액트보다 제이쿼리로 돌아가는 사이트가 더 많고, 실제로 웹 "문서"는 제이쿼리가 기술적으로 더 적합합니다. 다만 기업들은 리액트로 개발하는 게 대세라서 리액트를 배우라고 하는 것입니다. 제이쿼리에 비해 장점이 없는 것 같다고 하셨는데, 실제로 들어주신 예는 전부 맞습니다. 하지만 한 가지 놓치신 게 있습니다. 리액트는 프론트에서 "많은 데이터"를 다루는 데 장점이 있습니다. 제이쿼리는 애초에 웹 문서를 편하게 조작하는데 적합하기 때문에 많은 데이터를 다루는 부분은 부족합니다. 즉 프론트가 복잡해질수록 리액트가 적합합니다. 프론트가 복잡한 서비스는 주로 기업 서비스이죠. 데이터가 제일 중요한 시대입니다. 데이터를 잘 다루는 기술이 대세가 되는 겁니다.

  • 방세혁 프로필방세혁
    2023-12-121099148

    이강의에서는 리약트를 다루기보다는 리액트 기반으로 서버를 배포하는 부분을 배우는 파트로이해햇는데 맞나요 ??

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

    리액트는 알고 있으셔야 하고, 리액트로 웹서비스를 만드는 강의입니다.

  • ˢᵁᴴᵞᵁᴺ 프로필ˢᵁᴴᵞᵁᴺ
    2023-12-081095511

    한가지 더 여쭤보고 싶은게 있는데요! 제가 지금 렛츠기릿 자바스크립트 공부중인데 배열까지는 무리없이 이해를 하고 넘어갔거든요. 근데.. 함수부터 무슨말인지 하나도 모르겠어요 ㅠㅠ 제가 이해력이 부족한건지.. 너무 어렵게 느껴져서 계속 못넘어가고 있는데 다른 방법이 있을까요..?

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

    함수 관련해서 다른 자료들도 많이 찾아보시면 될 것 같습니다. 함수는 그냥 코드의 묶음일 뿐입니다. 매개변수로 그때그때 다른 값들을 받아서 사용할 수 있는 것이고요.

  • ˢᵁᴴᵞᵁᴺ 프로필ˢᵁᴴᵞᵁᴺ
    2023-12-081095451

    안녕하세요 제가 지금 html,css,javascript를 공부중인데 이 3가지 공부한 뒤에 react 웹게임 무료강좌까지 듣고 이 노드버드 강의를 들어도 될까요? 아님 다른 공부를 또 해야 이해를 할 수 있는지 궁금합니다!

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

    네 react 웹게임 무료강좌까지만 듣고 이 강의 들으시면 됩니다.

  • doomco 프로필doomco
    2023-12-051092576

    혹시 이강좌 수강하면 새로개강한 nextjs14강좌 할인쿠폰도 같이주나요??? 할인율이 어떻게되나요?

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

    네 같이 드립니다. 55% 정도 할인 됩니다.

  • 우주사막 프로필우주사막
    2023-11-071068520

    Next14 강의는 어떤 걸 다루나요?? Node로 crud 구현하는 것들이 정리가 잘 안되어서 이 강의를 들으려고 했는데 nextjs하고 어떻게 다른지 궁금합니다 저늠 개발자는 아니고 개인 프로젝트 용으로 코딩을 따로 공부하고 있는데 next는 살짝 맛보기만 해보고 react랑 node를 같이 사용하는데에 있어서 익숙하지 않은 상태입니다. Next는 express가 필요없다고 들엇는데 바로 next 강의를 수강해도 괜찮을까요??

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2023-11-07294262

    Next 14 강의는 기본적으로 App Router로 진행하면서 Next13~14동안 추가되고 변화한 기능을 다룹니다. 그리고 백엔드 개발자가 없을 때를 위한 MSW, 데이터 페칭, 캐싱과 인피니트 스크롤링을 위한 react-query, 로그인을 위한 next-auth 등을 다루고 최종적으로 배포까지 진행합니다. react 학습 이후에는 next 바로 하셔도 됩니다.

  • 우주사막 프로필우주사막
    2023-11-041066490

    타입스크립트로 공부하나요?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2023-11-05293849

    이 강의는 타입스크립트 미적용입니다. 곧 나올 Next14 앱 라우터 강의가 타입스크립트 적용입니다.

  • 이민진 프로필이민진
    2023-09-091009091

    안녕하세요 제로초 블로그 보고 여기 와서 구매하려는데 33% 할인 적용이 결제할때는 안되는거 같아서요 따로 조건이 있나요?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2023-09-09284157

    해당 링크로 구매하시면 33% 할인이 아니라 제가 인프런에 내는 수수료가 33% 줄어드는 것입니다!

  • 윤진수 프로필윤진수
    2023-08-14977753

    안녕하세요. 항상 강의랑 유튜브 잘 보고 있습니다. 해당 강의와 13 공식문서 함께 보고 비교하면서 13버전으로 공부하려고 생각중인데 가능한가요? (프로젝트 구조처럼 큰 차이가 있는지)

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2023-08-15279422

    네 가능합니다. 13버전 pages 폴더로 하시면 됩니다. github에 toolkit 폴더 있으니 거기 소스 코드가 최신이라고 보시면 됩니다!

  • Hongsun1 프로필Hongsun1
    2023-08-08970994

    안녕하세요 혹시 리액트노드버드 리뉴얼되나요? 그러면 지금들어도 상관없을까요? 감사합니다

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2023-08-08278279

    리뉴얼은 9월에 촬영해서 10월에 올라올 것 같습니다. 지금 13버전으로 해서 들으셔도 어느정도 호환됩니다. 공지사항에 자세하게 남겨두었습니다.

  • jh k 프로필jh k
    2023-04-18848600

    안녕하세요 제로초님. react까지만 공부한 상태인데 typescript, redux, nodejs, express 학습 없이 노드버드 들어도 무관한가요?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2023-04-18255064

    네 노드버드 먼저 들으셔도 됩니다. 타입스크립트는 안 쓰고요. 여기서 리덕스 노드 익스프레스를 다룹니다.

  • Euang 프로필Euang
    2023-04-17847722

    프론트앤드 개발자를 목표로 공부하는 취준생입니다. 친구에게 추천받아 제로초님의 js, react 영상으로 프론트앤드 공부를 시작했습니다. 그리고 현재 팀프로젝트랑 기업 연계 프로젝트를하며 계속해서 공부하고 있습니다. 해당 노드버드의 커리큘럼에서 나머지는 거의다 해봤고 어느정도 알고있는데. node js 와 next js는 해본적이 없어서요.. 잘 따라갈 수 있을까요..?(jsp와 spring을 해본적은 있습니다.) 그리고 리덕스 툴킷은 좀 쓸줄 알겠는데.. 리덕스와 , 리덕스 사가 부분을 공부를 좀 더 해보고싶다는 생각이 들어서.. 해당 커리큘럼에서 자세히 다루나요..? 질문이 너무 길어진것 같아서 죄송합니다. 유튜브 항상 잘 보고있습니다!

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2023-04-17254880

    네 이 강좌는 넥스트, 리덕스를 주로 다룹니다. 노드는 살짝 보너스 개념으로 다루므로 제대로 공부하려면 노드교과서 강좌를 보셔야 합니다.

  • rnfmrnfmal 프로필rnfmrnfmal
    2023-03-04804153

    넥스트 13버전 촬영강의는 혹시 언제쯤 올라올까요 ? 강의 구매를 원하는데 13버전이 올라오면 구매 하고 싶습니다 ~

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2023-03-04246170

    베타 상태라서 정식 버전이 되면 제작하려 합니다

  • jaeseung lee 프로필jaeseung lee
    2023-02-14783199

    안녕하세요.! 강의 수강 고민중인데요, SNS면 다음과 같은 기능도 배울 수 있나요?? - 유저 2명(A,B)이 있을 때 - 유저 A가 게시물을 업로드 하거나, 게시물을 삭제했을 경우 - 유저 B가 새로고침 시 혹은 실시간으로 업데이트 되는.! 감사합니다.

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2023-02-14242128

    새로고침 시에는 업데이트는 되고 실시간으로 하려면 웹소켓 따로 적용하셔야 합니다

  • Donkeykong 프로필Donkeykong
    2022-12-05705281

    타입스크립트나 next 이후 버전 리뉴얼 계획 있으신가요? 그리고 리뉴얼 된다면 이전에 강의를 구매한 사람들도 볼 수 있나요?

    제로초(조현영)
    제로초(조현영)
    제로초(조현영)
    2022-12-05226640

    next13버전 베타 딱지가 떨어지면 리뉴얼 들어갑니다. 이전 강좌 구매자들에게는 할인 쿠폰이 제공됩니다.

채널톡 아이콘