1차 프로젝트

msjulyone·2020년 10월 31일
0

1차 프로젝트로 superfluid 사이트를 클론했다.

메인페이지와 장바구니를 담당했는데 재밌었고 노력해야겠다.

레이아웃이 git으로 pull과 merge를 하면 계속 수정해야해서 속상했다.

돌이켜 보면, 사이트의 구조와 페이지들의 관계 분석에 집중했어야 했다.

장바구니를 만들면서 팀원이 만든 상품 페이지를 사용해야 했는데 동시에 같은 페이지에서 작업해서

코드가 섞이는 경험을 했다. 페이지들의 관련성을 잘 파악해서 2차 프로젝트에서는 혼선을 줄이자 !!!

페이지 3개 이상에서 state와 props을 이동하여 사용하는 것이 많이 헷갈렸다. console.log를 활용하여 props가 잘 이동하는지를 확인하여 이해해보자 !!!

프로젝트에서의 나는 지금

React로 장바구니 만드는 것을 연습중 !

상품리스트 페이지에 상품 컴포넌트를 사용!
-> item component와 itemlist page

상품 컴포넌트에는 id, 상품 이름, 상품 사진, 상품 가격 등 존재!
-> item component와 data.json

상품을 클릭하며 카트 창이 모달처럼 나옴 !
-> item component와 cart component

카트 창에 클릭한 상품의 이미지, 이름, 가격, 수량이 표시!
-> cart component에 props로 itemlist page의 속성값들을 사용하여 표시!

Redux의 필요성을 느낀 구조!

개선사항

HTML, CSS, JS, React기본기를 더욱 다듬자

특히 git에 merge를 한번 갔다오면 레이아웃이 자주 깨졌는데
초기 세팅에서부터 안 깨지도록 신경을 써야함!
img 태그에서 alt값을 생략하지말고 꼭 쓰자!!

리액트를 구현할 때 기본기를 지키지 못했다. 함수명을 명확하게 사용!!

1개의 댓글

comment-user-thumbnail
2020년 10월 31일

전민승 화이팅!

답글 달기