haerhee/msgs-for-my-idol

내가 응원하고 싶은 연예인에게 전하는 메세지를 남기는 사이트

msgs-for-my-idol's Issues

[Feat] - 리덕스 상태관리 개선

📕 Issue Feature
리덕스 설정

🧾Todo

• 리덕스 설치 및 설정
• 초기 작업

[Feat] - 리덕스 상태 개선 완료 -이후 메인 스타일링 하기

📕 Issue Feature
리덕스 상태 개선 완료

🧾Todo

• context흔적 지우고 리덕스 방법으로 상태 관리 교체
• 리덕스 코드 정리

[Fix] - 휴먼에러 중첩객체 해결

📕 Issue Feature
휴먼에러 중첩객체

🧾Todo

• 휴먼에러 중첩객체
• [ ]

[Feat] - cardList 구성

📕 Issue Feature
cardList 구성

🧾Todo

• cardList 구성
• 작업사항

[Feat] 프로젝트 초기화 및 설정

📕 Issue Feature
프로젝트 초기화 및 설정

🧾Todo

• 전역 스타일에 reset.css 를 적용해주고 box-sizing이 border-box가 되도록 설정 => GlobalStyle
• styled-components, react-router-dom 설치

[Feat] - ContextAPI로 state 관리 개선

📕 Issue Feature
App.js에 모아서 전역적으로 사용

🧾Todo

• createContext 사용
• useContext 사용
• Provider 사용

[Feat] - 상세페이지

📕 Issue Feature
상세페이지 연결

🧾Todo

• 상세페이지 연결
• 작업사항

[Feat] - 팬레터 조회

📕 Issue Feature
팬레터 조회

🧾Todo

• 팬레터 조회
• 작업사항

[Feat] - props-drilling 이전 상태 복구

📕 Issue Feature
전체 파일 변수, 데이터 위치 수정
🧾Todo

• 전체 파일 변수 수정
• 데이터 위치 수정

피드백 - 박가현 튜터

안녕하세요, 해리님!
과제 구현하느라 고생 많으셨습니다. :)
기능 구현 뿐만 아니라 readme까지 정성스럽게 작성해주셔서 추후 프로젝트 복기할 때나 포트폴리오 작성할 때 크게 도움이 될 것 같습니다.
커스텀 훅을 만드시고 적용할 때 고생 많이 하신 것으로 알고 있는데, 구현에 성공하시고 적용까지 깔끔하게 하신 부분에 대해서 크게 칭찬드립니다!

Props Drilling

<잘 구현된 부분>

• 필수 기능이 정상적으로 작동합니다.
• state를 상위 컴포넌트에 선언하여 컴포넌트 구조를 효율적으로 짜여졌고, props를 적절하게 전달하고 있습니다.
  https://github.com/r03181231/msgs-for-my-idol/blob/eba77f19b88ce1428138f4c9fb7c7ded386bfd97/src/shared/Router.jsx#L8-L27
• 커스텀 훅을 직접 구현하고, 적용하여 컴포넌트 재사용성을 높였습니다.
  https://github.com/r03181231/msgs-for-my-idol/blob/d77853cf290150f82f7c68ec166949bfdeec6dc9/src/component/main/addform/formAdd/FormAdd.jsx#L19-L26

<아쉬운 부분>

• styled~.jsx가 없는 컴포넌트도 폴더화를 하셔서 오히려 폴더, 파일 구조 가독성이 떨어집니다. 필요한 부분만 폴더로 묶으면 훨씬 가독성이 좋아질 것 같습니다.
• Form과 Detail에 스타일이 거의 없는 부분이 아쉽습니다. 시간상 빠듯했다는 것을 알지만, 프로젝트 스케줄링을 할 때 css 작업, 퍼블리싱에 대한 시간도 꼭 고려를 해주는 것이 좋습니다.

Context API

<잘 구현된 부분>

• 필수 기능이 정상적으로 작동합니다.
• Context API의 사용 방법을 이해하고 적절하게 사용하였습니다.
  https://github.com/r03181231/msgs-for-my-idol/blob/b5f6addde5fff8b98a165ecda9ed8a52da479a4c/src/App.jsx#L49-L51

Redux

<잘 구현된 부분>

• 필수 기능이 정상적으로 작동합니다.
• Redux의 개념과 사용방법을 이해하고 적절하게 사용하였습니다.

<아쉬운 부분>

• filter과 같은 global state를 가공하는 비즈니스 로직을 redux reducer의 return문 앞에 작성하면 global state의 재사용성을 높일 수 있습니다.

[Feat] - 수정, 삭제 기능 및 해당 유효성 구현

📕 Issue Feature
수정, 삭제 구현

🧾Todo

• 수정, 삭제 구현
• 유효성 구현