[리액트 React] 팬카페 만들기 종료_회고

 

리액트 숙련 개인과제 필수 요구사항

• 팬레터 CRUD 구현 (작성, 조회, 수정, 삭제)
• 아티스트별 게시물 조회 기능 구현 (Home - Read)
• 원하는 아티스트에게 팬레터 등록 구현 (Home - Create)
• 팬레터 상세 화면 구현 (Detail - Read)
• 상세화면에서 팬레터 내용 수정 구현 (Detail - Update)
• 상세화면에서 팬레터 삭제 구현 (Detail - Delete)
• [ ] styled-components를 이용하여 스타일링
  • 인라인 스타일링이나 일반 css 파일을 이용한 스타일링 방식 지양 (이번 과제 한정)
  • 모든 태그를 styled-components 화 할 필요는 없으나 스타일링이 들어가는 경우는 styled-components 화 할 것
• [ ] 전역 스타일에 reset.css를 적용해 주고 box-sizing이 border-box가 되도록 설정
• [ ] styled-components에 props를 넘김으로 인한 조건부 스타일링 적용
  • 아티스트 선택탭에 적용해 보세요
• [ ] 팬레터 등록 시 id는 uuid 라이브러리를 이용
• https://www.npmjs.com/package//uuid

props-drilling , context-api, redux 세 개의 브랜치로 프로젝트 진행

---

발생한 문제들

1. Dummy Data 사용에 대한 이해도 부족 :  기본 데이터를 Json파일이 아닌  todoList처럼 state에 담아서 사용했다. 이곳, 저곳에서 사용하는 데이터를 어디에 둬야 할지 자리를 이리저리 옮기다 보니 데이터의 흐름을 파악하기 힘들었다.
2. 복잡한 변수명, 파일명 : 가장 중요한 것. 뼈대의 기본은 변수, 파일명인데 아무렇게나 되는대로 지어놨더니 구분이 어렵고, 어지러운 코드가 되어버렸다
3. 데이터 흐름에 대한 이해도 부족 : 추가, 삭제, 수정 등 각 컴포넌트마다 기능을 구현하기 위해 전달되는 값의 흐름을 파악하기 어려웠다. 위 문제들과 얽히다 보니 더 헷갈렸던 거 같다 

 

회고

이곳, 저곳 물어보고, 찾아보고, 어떻게든 붙잡아봤지만, 결국 redux는 해결하지 못했다. 어떻게든 꼬인 걸 풀어보려 했지만 결국 위에 나열한 문제들로 인해 방향성을 잃었다.

그러다 보니 이번 과제로 난 개발자를 해선 안 되는 거 아닐까,라는 생각을 많이 하게 됐다. 응용력이 제로라, 강의에서 배운 내용, 이전에 사용했던 코드들만 반복하며 새로운 시도를 해보지 못하니까, 바보 같은 질문만 하는 거 같고 너무 아무것도 몰라서, 다 알려달라고 하는 거 같아서 계속 주눅 들어있었다

그래도 문제가 풀리지 않을 때마다 문제 상황과 내가 하고자 하는 것을 쭉 적어서 읽어보며 하나씩 답을 찾기도 하고, 정 안되면 도움을 받기도 하면서 결국엔 해결한 부분도 많으니까, 모두 힘든 과정이었고 완성이 코앞이니까 포기하지 말고 늦더라도 이 과제를 완성시키는 것에 집중하기로 하자