React로 NodeBird SNS 만들기 대시보드

리액트를 배우고 나서 웹 서비스를 만들고 싶으신 분들이 많으실 것입니다.

막상 처음부터 만들기에는 폴더 구조 잡기가 어렵다, CRA같은 것은 너무 많은 것을 자동으로 해주어서 원리를 이해하기 어렵고, Next는 뭔가 자유도가 떨어진다고 생각하시는 분들도 많은 것 같습니다.

그래서 지금 현재 오픈 소스로 간단한 웹 서비스 보일러플레이트를 제작 중입니다.

https://github.com/reactGo/reactGo

여기서 redux(saga, thunk), mobx, typescript 버전 소스 코드를 제공하고 있습니다.

React 강좌 수강생분들께 도움이 되길 바라며, 도움이 되셨다면 star도 한 번 클릭 부탁드립니다!

안녕하세요. 오늘부터 유튜브에서 리액트 노드버드 리뉴얼 강좌가 시작됩니다.

1달 정도 촬영할 예정이고 7월 초에 새로운 강좌로 인프런에 등록될 예정입니다.

기존 구버전 강좌 구매하신 분들께는 신규 강좌 50% 할인 쿠폰이 지급될 것입니다.

주요한 변경 사항은 next@9, antd@4, next-redux-wrapper@6, node@14 사용입니다.

구버전 강좌에 많은 질문들이 달렸는데 이에 대한 답변들을 강좌에 좀 더 명확하게 반영해드릴 예정입니다.

next@9가 나왔네요(프론트는 정말 빠르게 변합니다 ㅠㅠ). 강의 내용은 next@8이라서

npm i next 대신

npm i next@8로 설치해주셔야 합니다.(버전 명시)

강좌를 7강까지 보셨다면

1. 게시글 컨텐츠 눌렀을 때 게시글 상세 페이지로 이동(post page)

2. 게시글 수정 부분을 직접 구현해보세요.

만약 직접 구현하기 힘들다면 강좌를 복습하셔야 합니다.

힌트: 폼은 댓글, 수정 API는 닉네임 수정 라우터 참조

리액트 무료 강좌(유튜브에 제로초 리액트 검색)를 먼저 보고 들으시면 좋습니다. 문법적인 내용은 무료 강좌에서 다뤘습니다.

백엔드는 노드교과서 코드와 매우 유사하므로 노드교과서 강좌 보시면 됩니다(이것은 필수 아님)

https://thebook.io/006982 노드교과서 링크인데 8장까지 읽어보시면 노드버드 서비스 백엔드 이해에 좋습니다.

MySQL은 5.7버전을 설치하셔야 충돌이 안 납니다. 8버전을 설치하시려면 mysql_native_password(legacy authentication)을 설정하셔야 합니다.(https://github.com/ZeroCho/nodejs-book/issues/45)

질문을 많이 남겨주세요. 빠른 시간 내에 답변드리겠습니다.