6주차 회고..

이번주 프로젝트는 참..다사다난했다.

적당할거라 생각했던 스코프가 예상 외의 이유로 커지고 

팀원들은 갈리고..

큰 문제 하나가 있었지만 적지 않을것.. 공개적인 곳에서 적을만한 문제가 아니라서리.

 

그래도 완성했다 우리의 프로젝트!!

 

KREAM 이라는 사이트를 클론코딩 했다. 

 

원본사이트

https://kream.co.kr/

KREAM | 한정판 거래의 FLEX

 

클론코딩한 사이트

http://kream-clone-coding.s3-website.ap-northeast-2.amazonaws.com/

KREAM clone coding

 

어 잠만 저번에 봤을땐 분명 오쥐태그 적용이 안되었는데 왜 지금은 되냐??? 뭐임??????

리엑트 헬멧 뒤늦게 일하는거야뭐야

 

아무튼

스코프는 최대한 줄였다. 메인에서 보여지는 상품이나 광고란?을 줄이고

로그인에서는 네이버로그인 없애고, 이메일 확인같은거두 없애구

꽤 이런저런걸 빼서 나름 시간 맞춰서 작업했다!

 

비록..반응형은 헤더밖에 작업 못했지만...^^

 

내가 작업한 부분은 공통적으로 적용되는 헤더 컴포넌트, 페이지로는 로그인/회원가입/마이페이지/거래창 을 작업했다!

로그인 회원가입도 공을 꽤 들였지만...제일 공 들인건 역시 거래창!

원본 사이트를 보니 거의 틀은 똑같은데 이전 페이지에서 어떤 버튼을 눌렀는지에 따라 텍스트나 형태가 바뀌었다.

 

예를 들어서, 상품 상세보기창에서 상품에 대해 선택을 할 때 구매를 눌렀으면 거래페이지에서는 구매에 맞춰져 텍스트가 뜨고

판매를 누르면 판매가 뜨고, 거래가능한 상품이 없다면 입찰로 뜨고.. 예외처리할것이 꽤 있어서 삼항연산자를 열심히 때려박았다 ㅋㅋ

 

아래는 스크린샷 찍어둔것 

 

음? 지금보니 마이페이지쪽 푸터가 깨져있다. 좀 이따 확인해보기로하고...

개인적으로 북마크 기능 만들어준 팀원에게 칭찬 500번 해주고싶다.

저거 진짜 귀찮았을텐데..! 

 

 

영상으로 찍은것

https://www.youtube.com/watch?v=ic_AzvTs58s 

 

이 영상에..약간 미스가 있다.

다름아니라 거래창에.. 입찰버튼을 누르거나 즉시판매같은걸 누르면 헤더의 텍스트가 변경되는데

멍청한 나는 이걸 반대로 넣어놔서 ㅋㅋㅋ 입찰버튼 누르면 즉시 판매하기가 뜨고 즉시판매버튼을 누르면 입찰하기가 뜬다.

영상 찍는동안에 알게되어서 아앗 잠깐만요 저 실수..! 하고 외치는 사이 이미 영상이 다 찍히고..올려버리신..음~

 

어쩐지 프로젝트 후기가 길어져서 그만하고..

 

이번주에 가장 중요했던건 역시 팀운. 그리고 소통이 아닌가 싶다.

우리팀은 소통의 문제가 좀 있었다.

6명중 한명이라도 소통을 닫으면 연쇄작용으로 충돌이 일어나기 마련.

대화를 시도해도 막히니 어쩔 도리가 없지..

그래도 나는 프론트이고 내가 작업하는게 사실상 사용자에게 보이니

이 작업이 망하거나 너무 미완성이면 열심히 해준 백엔드에게 미안해서..

갈렸다. 

 

여튼 소통이 제일 중요하다. 소통 할 생각이 없는 사람이라면 팀프로젝트를 하지 말아야한다. 진심으로!

실력이야 서로 알려줄 수도 있고 으쌰으쌰해서 함께 나아갈 수 있다.

코딩은 노력을 배신하지 않는다는걸 너무 잘 알아서..

하지만 커뮤니케이션은 남이 어찌 도와줄 수 있는게 아니다.

그건 정말 스스로 길을 열어야하는데..후..

 

그 외에 이런저런걸 배웠다. 특히 토큰 부분말인데, 이유는 모르겠지만 앞단에서 악시오스로 쿠키를 넘겨줄때 뒷단쪽에서 해당 쿠키를 인식하지 못했다.

노드와 작업할 때는 이런 일 없었는데 이게 노드와 스프링의 차이인가?

여튼 그래서 아예 새로운 키값으로 감싸서 보내드렸더니 인식이 잘 되었다!!

그 외에는 리액트 헬멧..저번주차에 낑낑거리다가 못쓴그거, 다시 시도해봤는데..

안된줄 알았는데 되었다. 왤까. 진짜 왜..?

 

이제 다음주부터는 실전프로젝트이니 그에 대비해 공부..열심히 해야지.

그럼 20000.