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

[ ddaynew365 ] 요청 페이지 레이아웃 구현 및 더미 데이터 연동 #82

Merged
merged 7 commits into from
Nov 4, 2021

Conversation

ddaynew365
Copy link
Collaborator

내용

  • 요청 페이지 레이아웃 구현
  • 요청 페이지 더미 데이터 연동하여 나에게 온 요청과 내가 보낸 요청 구분

고민

  • 요청 페이지의 리스트들의 기존 css를 2열에서 1열로 줄여야 하는데 어떠한 방법을 사용해야 하는지 고민
  • 요청이 팀인지 멤버인지를 구분해주는 person이라는 변수를 어떻게 처리해줄지 고민
    • 처음에 모든 데이터를 forEach로 돌 때, person이 담긴 배열을 만들어주는 방향으로 생각 중

@ddaynew365 ddaynew365 added the FE 프론트엔드 label Nov 3, 2021
@ddaynew365 ddaynew365 added this to the 1주차 개발 마일스톤 milestone Nov 3, 2021
@ddaynew365 ddaynew365 self-assigned this Nov 3, 2021
@taehong0-0
Copy link
Member

요청 페이지의 리스트들의 기존 css를 2열에서 1열로 줄여야 하는데 어떠한 방법을 사용해야 하는지 고민
ProfileList.tsx 에서 해당하는 것들을 flex-wrap: wrap 속성으로 두고 알아서 내려갈 수 있도록 해주었는데 이거에 따라 width가 일정 이상 줄어들면 1열로 되는 것 같은데 바깥의 width를 줄여도 똑같나요?

@jin-Pro
Copy link
Member

jin-Pro commented Nov 4, 2021

나도 태홍이 의견에 동감 // flex-wrap 사용해서 그런거기 때문에 바깥 width를 조절해주면 될것같음

@jin-Pro
Copy link
Member

jin-Pro commented Nov 4, 2021

2번째 질문 내용이 상세하지않아서 잘 이해가 가진 않는데 //
프로필 카드 1개당 person값 1개가 들어간다면 const person = data.member === null ? 1 : 2 이런식으로 하면 되지 않나 싶음

display: flex;
width: 100vw;
height: 100vh;
flex-direction: row;
Copy link
Member

Choose a reason for hiding this comment

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

style은 function 바깥으로 쓰는게 좋아보여요
지금 코드는 컴포넌트 생성될때마다 style 변수를 계속 생성해야해요

"webRoot": "${workspaceFolder}/src"
}
]
}
Copy link
Member

Choose a reason for hiding this comment

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

launch.json은 .gitIgnore에 올려주셔야 할거 같아요

const item = await getRequestInfo();
item?.data.forEach((data: RequestType) => {
return data.from === myId ? setRequestForMe((prev) => [...prev, data.info]) : setRequestToMe((prev) => [...prev, data.info]);
});
Copy link
Member

Choose a reason for hiding this comment

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

혹시 return 을 하지 않았을 때 에러가 떳나요?
forEach 내부에서 return 을 한 이유가 궁금합니다

Copy link
Member

Choose a reason for hiding this comment

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

저거 아마() => {}해서 그런듯

@Noelsky-code
Copy link
Member

  1. container를 하나두고 그 안에 list를 둔 다음 width를 조절하시는 방법은 어떤가요
  2. data type이 requestType이네요 .requestType에 to 값이 그룹인지 개인인지 구별하면 될 거 같고 person이라는 배열로 관리하면 될거 같아요. 단, map 함수를 써야할 거 같네요

@ddaynew365 ddaynew365 merged commit a976832 into dev Nov 4, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 프론트엔드
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants