Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[김세환] sprint5 #147

Conversation

kimsayhi
Copy link
Collaborator

기본 요구사항

  • 중고마켓 페이지 주소는 “/items” 입니다.
  • 페이지 주소가 “/items” 일때 상단네비게이션바의 '중고마켓' 버튼의 색상은 “3692FF”입니다.
  • 상단 네비게이션 바는 이전 미션에서 구현한 랜딩 페이지와 동일한 스타일로 만들어 주세요.
  • 상품 데이터 정보는 https://panda-market-api.vercel.app/docs/#/ 에 명세된 GET 메소드 “/products” 를 사용해주세요.
  • '상품 등록하기' 버튼을 누르면 “/additem” 로 이동합니다. ( 빈 페이지 )
  • 전체 상품에서 드롭 다운으로 “최신 순” 또는 “좋아요 순”을 선택해서 정렬을 할 수 있습니다.

심화요구사항

  • 페이지 네이션 기능을 구현합니다.
  • 반응형으로 보여지는 물품들의 개수를 다르게 설정할때 서버에 보내는 pageSize값을 적절하게 설정합니다.

멘토님꼐

  • 심화 요구사항과 디테일 적인 부분이 아직 완성되지 못했습니다.

@kimsayhi kimsayhi changed the base branch from main to React-김세환 June 21, 2024 11:35
@kimsayhi kimsayhi requested a review from lisarnjs June 21, 2024 11:36
@kimsayhi kimsayhi added the 미완성🫠 죄송합니다.. label Jun 21, 2024
Copy link
Collaborator

@lisarnjs lisarnjs left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

세환님 너무 잘해주셨네요!
코드 퀄리티를 보니까 세환님 곧 성장 속도가 엄청날 것 같다라는 생각이 드는데요!? 👍
이번 미션도 고생하셨고 이번주도 화이팅이에요!!

.eslintrc.cjs Outdated
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오 대박 벌써 eslint !? 아주 좋은 시작입니다 👍

function App() {
return (
<>
<BrowserRouter>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

다음 미션이 어떨지 모르겠지만 중첩 라우팅도 한번 사용하시면 금방 실력이 늘거에요 👍

import AuthSignUp from "./AuthSignUp";
import AuthFooter from "./AuthFooter";

function AuthContainer({ isLogin, onClickAuthHandle }) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오 세환님 코드 스타일이 벌써 퀄리티가 너무 좋은데요 나중에는 이걸 Context로 만들어서 isLogin여부를 props로 받지 않고 변수로 불러와서 사용해볼 수 있도록 수정해보면 더 gooood일거 같습니다

</div>
<ul className="footer-right">
<li>
<a href="http://twitter.com" target="_blank"></a>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

요기 target="_blank"랑 세트로 같이 다니는 친구가 있는데 뭔지 아시나요!?
아래 아티클 첨부해두었으니 읽어보시면 아마 들어보셨을 거 같아요 :)

https://velog.io/@neori/HTML-a%EC%97%90-targetblank%EC%99%80-relnoreferrer-noopener%EB%A5%BC-%ED%95%A8%EA%BB%98-%EC%82%AC%EC%9A%A9%ED%95%B4%EC%95%BC-%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0

<BestUl>
{items.map((item) => {
return (
<li key={item.id}>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

리액트의 key값은 항상 이렇게 고유한 값을 가져야함을 잊지 마세요! 👍

const [orderBy, setOrderBy] = useState("recent");
const loadItems = async ({ pageSize, orderBy, bestLoad = false }) => {
const { list } = await getItems({ pageSize, orderBy });
if (bestLoad) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

얘네도 삼항연산자로 처리할 수 있겠어요!

const [openSort, setOpenSort] = useState(false);

const sortHandle = () => {
setOpenSort(!openSort);
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

setState로 이전값을 반전시키는데 내가 예상한 대로 코드가 동작하기 위해서는
setOpenSort(prev => !prev) 로 이전값을 가져와서 이전값을 반전시킨다 로 코드를 작성해주시는 것을 추천할게요!

@kimsayhi kimsayhi force-pushed the React-김세환-sprint5 branch from fa6116b to 4dc5dd0 Compare June 24, 2024 00:11
@kimsayhi kimsayhi force-pushed the React-김세환-sprint5 branch 2 times, most recently from be3337d to b831712 Compare June 24, 2024 09:43
@lisarnjs lisarnjs merged commit 7334411 into codeit-bootcamp-frontend:React-김세환 Jun 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
미완성🫠 죄송합니다..
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants