[React] React.js & Next.js 유용한 자료 정리

안녕하세요!

이번 포스팅 에서는 React.js와 Next.js 를 공부하며 도움이 되었던 자료와 사이트를 소개해 드리겠습니다.

---

1. 프레임 워크 비교

비교	React.js	Vue.js
사용 방법	플레인 자바스크립트	마크업 스타일 스크립트
SSR 프레임 워크	Next.js	Nuxt.js
공통점	SPA, Component 기반, Lifecycle

• 한국어로 가이드가 자세히 나와 있어서 Node.js 나 Javascript를 이미 알고 있는 분들은 크게 어렵지 않을 거라고 생각 됩니다.
• 자세한 설명은 공식 문서를 참고해 주세요!

2. 참고

• 제가 개발 할 때 찾아보고 도움이 되었던 사이트를 정리해 보았습니다. (앞으로도 계속 추가 할 예정 입니다.)
• React.js, Next.js를 개발 할 때는 velopert 님의 블로그를 많이 참고 하였습니다.👍🏻
• React.js

• 코딩 가이드 (에어비앤비)

  • https://github.com/airbnb/javascript/tree/master/react

• 디자인 패턴

  • https://velog.io/@dnr6054/유용한-리액트-패턴-5가지
• next.js

• 공식 문서

  • https://nextjs.org/docs/getting-started

• 페이지네이션 구현 예제

  • https://velog.io/@ksh4820/React-Pagination-구현
  • https://chanhuiseok.github.io/posts/react-12/

• 빌드 시 window is not defiend

  • https://www.sungikchoi.com/blog/window-is-not-available/

• React hook 사용: data fetch 함수 이용

  • https://www.daleseo.com/react-hooks-use-fetch/

• 메뉴별 style 색상 다르게 표시 하기

  • https://velopert.com/2937
• nuxt.js

• 공식 문서

  • https://ko.nuxtjs.org/docs/2.x/get-started/installation
• 개발 서적
• 리액트를 다루는 기술
• 리액트 교과서
• Do it! Vue.js 입문

3. 마치며

• 출처와 링크를 걸어두긴 했는데 혹시라도 문제가 생기면 바로 수정 하도록 하겠습니다.
• 저의 개인 적인 의견으로 자료를 정리 하였으니, 필수는 아니므로 참고만 하여 주세요!

---

오늘 준비한 내용은 여기까지 입니다.
이번 포스팅이 도움이 되셨거나 궁금한 점이 있으시다면 언제든지 댓글을 달아주세요!🙋🏻‍♀️✨