Cho-SangHyun / react-wordlcup

유튜브에서 가장 맛없는 음식 16강 이런거 보다가 함 만들면 재밌겠다 해서 만드는 프로젝트🏆

왜 만들었느냐

유튜브 알고리즘으로 "가장 쉽게 질리는 음식 16강" 뭐 이런 거 보다가 나도 만들면 재밌겠다 싶어서 만들게 됨.
배포까지 해보고 피드백 받아서 수정들도 해볼 예정

구상

처음 시작하면 16개의 선택지들이 랜덤하게 섞이고, 2개씩 화면에 보이며 선택된 애들만 따로 담음.
8개가 모이면 8강 진행, 이후 4개가 모이면 4강 진행, 이후 결승 진행

이 플젝을 통해 해보고 싶은 것

보통 웹 플젝에선 배열이나 json배열을 토대로 특정 데이터를 가공하고, 여러 데이터를 출력하고,,,하는 경우가 많다고 함.
나도 이 플젝을 통해 json배열을 리액트로 가공하는 법들을 다루고 싶음.
우선 처음에는 mock.json이란 파일을 만들고 이걸 읽어서 하는 식으로 하다가,
나중엔 API를 통해 외부에서 json을 받아와서 처리하는 식으로 바꾸고 싶음.

개발일지

1. EP01 - 가장 먹고 싶은 디저트 16강 월드컵 웹 프로젝트를 시작하다 [https://jofestudio.tistory.com/32]
2. EP02 - 순조로울 줄 알았던 항해의 첫 장애물 - missing dependency [https://jofestudio.tistory.com/35?category=989880]
3. EP03 - 너 분명 변했다면서. 근데 왜 그대로인건데! - 리액트의 setter함수는 비동기적으로 동작한다 [https://jofestudio.tistory.com/37]
4. EP04 - 항상 볼 수 없는 사이 - 리액트에서의 조건부 렌더링 및 기본적인 css 작업 [https://jofestudio.tistory.com/39]