🌏 RealWorld 프로젝트 - react/recoil

신촌프관팀에서 사부가 내려준 숙제를 한다

뚠뚠

---

🌏 RealWorld란~

GitHub - gothinkster/realworld: "The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular

 

Home - Conduit

front

CodebaseShow

---

Todo list 만들기는 이제 그만 | 우아한형제들 기술블로그

realworld example의 좋은 점은 실무에 바로 적용하기 망설여지는 기술들을 직접 사용해보며 익힐 수 있다는 점 외에도, 일반적인 사이드 프로젝트와 달리 기획이나 디자인 과정이 필요없이 realworld contribution guide에 정해진 스펙대로 개발만 하면 여타 기술 스택과 성능 및 코드 라인 수 등을 비교해 볼 수 있다는 점이 있습니다.

---

음...

Choosing the Right State Management For ReactJS | Blog | Cubet

난 대규모 아냐

리코일 해야겟어

 

GitHub - Goldchae/react-recoil-realworld: React + Recoil (realworld) 공부

포크질

클론

 

React와 Recoil을 사용하여 만든 실제 사례 애플리케이션

이 프로젝트는 CRUD 작업, 인증, 라우팅, 페이지네이션 등과 같은 기능이 RealWorld 사양 및 API에 맞춰져 있음

이를 통해 현대 웹 기술을 사용하여 실용적인 앱을 구현하는 방법에 대한 통찰력을 제공

 

이 프로젝트는 React와 Recoil을 사용해 실제 세계 예제(CRUD, 인증, 고급 패턴 등)를 포함하는 코드베이스

 

 전체적인 스택 애플리케이션의 구현을 시연하기 위해 만들어졌으며, React 커뮤니티의 스타일 가이드와 최고의 실천법을 따름

 

사용자 인증(JWT), 사용자 및 글 관리, 댓글 기능, 글의 페이지네이션, 글 좋아하기, 다른 사용자 팔로우하기 등의 기능

---

🌏 구경

일단 타입스크립트로 짜여 있다

typeScript 공부도 하고~ react 공부도 하고~ recoil 공부도 하고~

으아

 

yarn 

yarn start

 

으음 블로그

좋아 이걸 어케 바꿀 거냐면

음

생각 좀 해 볼개

---

🌏 공부계획

프로젝트의 구조를 이해하고 각 파일이 어떤 역할을 하는지 살펴보기

프로젝트의 구성 요소와 상태 관리 로직을 주의 깊게 분석

RealWorld 커뮤니티에서 다른 프론트엔드나 백엔드와의 연동 방법에 대해서도 학습

 

- 문서 읽기 / 코드 실행 / 코드 수정