1) 한 일
<NULL BREAD 빵집 홈페이지>
제품들을 구경하고, 원하는 제품을 예약하는 페이지이다.
메뉴 페이지에서 카테고리별로 원하는 제품의 상세페이지로 이동하여 더 많은 정보와 댓글들을 볼 수 있다.
또한 제품에 대한 예약 게시물을 작성하여 예약을 할 수 있고, 관리자의 댓글로 예약 완료관리가 가능하다.
2) 느낀점
김성민:
부족한 리액트 실력에 걱정이 많았으나 팀원들의 도움으로 프로젝트를 잘 마무리 지었다.
고현석:
팀 프로젝트가 원할하게 돌아가게 기본기술들이 구현된 기본 구조를 만들어 도움을 드린거 같아 다행입니다. 만족스런 팀 프로젝트였습니다!!
남마리나:
처음부터 배포까지 생각대로 되지 않았지만 많은 시도를 해봤고, 리덕스 툴킷사용부터 많은 것을 배웠던 프로젝트였습니다.
또한 버그를 픽스하는데 시간이 오래 걸리는 바람에 ux 디테일을 시도하지 못하여 아쉬었습니다. 다음에는 이부분을 개선하고 싶습니다.
다같이 고민해주고 도와주신 팀원분들께 감사드립니다!
신정근:
아직 잘 모르는 부분이 많아서 걱정 됐는데 좋은 팀원들을 만나 원활하게 해결한 부분이 많은 것 같습니다.
유영재:
중요한건 꺾이지않는 마음! 노가다작업은 나에게 맞겨라!! 많은비중을 함께하고싶었으나 개인적인사정으로인해 직접적인참여를 못하여 팀원들과 커뮤니케이션을통하여 디자인이나 코드를도와주는 잡부역할을 성실히 이행하려고 노력하였슴다 다음번에는 더더욱 발전된모습으로 뵙겠슴다 ^-^
3) KPT
1. keep
안돼도 끝까지 하려고 시도한 것 !
다른사람 부분이어도 개선점을 활발히 피드백한 것!
피그마로 동시에 각자 맡은 페이지를 최대한 자세히 디자인한 것!
깃허브 브랜치 협업을 한 것!
코드리뷰 진행!
2. problem
1) 문제
과제를 수행할 시간 부족!
2) 원인
리덕스 툴킷에 대한 이해 부족
비동기 통신 라이브러리 axios에 대한 이해 부족
3. try
주말에도 끝까지 공부하며 부족한부분을 보완하려함
과제물에 대한 피드백 다시 시도할 것
-
게시물이나 댓글에 개인권한을 부여하기위해 비밀번호 설정이나 로그인, 회원가입 시스템을 구현할 것.
-
개발 유용성을 높이기 위해 코드 주석을 달 것
-
배포할 시 주석처리된 안쓰는 코드 제거 할 것
-
서버 api .env 로 처리할 것
-
사용되지 않는 변수 _ 처리할 것
(함수 사용에서 사용되지 않았던 매개변수는 아래와 같이 처리하면 깔끔하다.)
// 원래 코드
async (payload, thunkAPI) => {
try {
const data = await axios.get(`${AXIOS_ADDRESS}/comments`);
return thunkAPI.fulfillWithValue(data.data);
} catch (error) {
return thunkAPI.rejectWithValue(error);
}
}
// 수정한 코드
async (_, thunkAPI) => {
try {
const data = await axios.get(`${AXIOS_ADDRESS}/comments`);
return thunkAPI.fulfillWithValue(data.data);
} catch (error) {
return thunkAPI.rejectWithValue(error);
}
}
