Skip to content

Conversation

@seoyoung-min
Copy link
Contributor

@seoyoung-min seoyoung-min commented Jan 18, 2025

개요

  • 리스트 생성, 수정의 오류를 수정했습니다.

작업 사항

  • Step2 순위 뱃지 줄바뀜, 제목 부분 가로폭 줄어들지 않고 화면 밖으로 튀어나가는 현상 -> css 조정으로 해결
    • flexGrow: 1 - 부모 컨테이너 사이즈에 따라 남는 공간 차지하도록 함
    • flexShrink: 0 -부모 컨테이너가 줄어드는 것에 따라 줄어들지 않도록 함
    • minWidth: 0 - 최소 너비를 설정하지 않으면 내용만큼은 사이즈가 유지 됨. 따라서 최소 너비를 0으로 설정하여 부모 컨테이너가 줄어들면 내용보다도 가로폭이 줄어들 수 있도록 함.
  • Step2 아이템 타이틀 밑 hr의 색상 적용되지 않음 -> stroke에 바로 색을 줄 수 없음. 선을 없애고 height를 주고 background-color에 색을 주기
  • 요청 주제 클릭하여 리스트 생성으로 넘어가는 경우, 타이틀과 카테고리가 자동으로 입력되지 않음 -> title, category 쿼리에서 받아와 입력하는 과정 추가
  • (쿼리에서 받아 입력할 때) 카테고리의 &를 텍스트로 인식 못함 (ex. '취미&레저'에서 '취미'만 가져와서 카테고리가 선택되지 않음) -> 인코딩된 텍스트가 쿼리로 입력되게 수정
  • 리스트 수정에서 태그 수정이 되지 않고, 게시 버튼이 작동하지 않음 -> useEffect의 의존성 배열에서 무한루프 문제가 발생한 것으로 보여서 수정했습니다. 잘 해결됐는지 여부는 머지 이후 dev-listywave에서 확인 필요합니다.

참고 사항 (optional)

  • '이 타이틀로 리스트생성'하기에도 인코딩 과정을 넣어야하는데, 현지님과 충돌이 날까봐 우선 작업하지 않았습니다. 추후 작업하겠습니다! @kanglocal
  • 홈화면 주제 요청 제목 클릭시에 카테고리가 전달되지 않습니다. 아예 데이터가 없어서, api 수정 후 데이터를 받아올 수 있을 때 추가 작업하겠습니다! @kdkdhoho @Nahyun-Kang

관련 이슈 (optional)


리뷰어에게

@seoyoung-min seoyoung-min added the Fix 에러/버그 해결 label Jan 18, 2025
@seoyoung-min seoyoung-min self-assigned this Jan 18, 2025
@vercel
Copy link

vercel bot commented Jan 18, 2025

@seoyoung-min is attempting to deploy a commit to the Eujin Ahn's projects Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Contributor

@ParkSohyunee ParkSohyunee left a comment

Choose a reason for hiding this comment

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

서영님!! 오류를 완벽하게 수정해주셨군요!👍👍 고생많으셨습니다~! LGTM✨✨🥰🥰💕

Comment on lines 91 to 94
//데이터 채워넣기
useEffect(() => {
initializeFormValues();
}, [listDetailData, categories, user.id]); //gpt: 여기 dependency list에 빼야할 게 있을까?
Copy link
Contributor

Choose a reason for hiding this comment

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

🤣🤣 서영님의 고군분투 흔적이 보이네용 👍👍

Copy link
Contributor Author

Choose a reason for hiding this comment

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

으악 들켰다!! 이거 지우고 머지하겠습니다 ㅋㅋㅋㅋㅋㅋ

Comment on lines +64 to 65
flexShrink: 0,
});
Copy link
Contributor

Choose a reason for hiding this comment

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

👍👍

Comment on lines +73 to 85
useEffect(() => {
//---주소에서 title, category 가져오기
const title = searchParams?.get('title');
const category = searchParams?.get('category');
/**TODO: 리스트 상세 '이 타이틀로 리스트 생성에도 encode단계 넣어주기 */

if (title) setValue('title', title);
if (category) {
setValue('category', categories?.find((c) => c.korName === category)?.engName);
}
}, [searchParams, categories]);

return (
Copy link
Contributor

Choose a reason for hiding this comment

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

서영님, 궁금한 점이 있습니다!

  • 주제, 타이틀 인코딩해서 쿼리파라미터로 보내주면 StepOne에서 받을때 디코딩하는 과정이 있나요? 찾아보니 decodeURIComponent 함수도 있는것 같아서요,, 👀

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@ParkSohyunee 원래는 말씀해주신 decodeURIComponent 사용해 받으려고 했는데, 인코딩 단계만 추가해주니 디코딩 단계 없이도 충분히 잘 인식이 되더라고요!! 그래서 따로 추가하지는 않았습니다~!

@seoyoung-min seoyoung-min merged commit 67b2e9d into 8-Sprinters:dev Jan 19, 2025
1 of 2 checks passed
kanglocal pushed a commit to kanglocal/ListyWave-front that referenced this pull request Feb 3, 2025
* Fix: step2 순위뱃지, 타이틀인풋 UI 깨짐 수정

* Design: ItemAccordion hr선 색상 변경

* Feat: 요청 주제 클릭 시 자동 제목 입력 추가

* Fix: 리스트 수정 게시 불가 오류 해결 - 의존성 제거

* Chore: 불필요 코멘트 삭제

* Chore: 불필요 주석 삭제
@seoyoung-min seoyoung-min deleted the fix/create-list branch March 3, 2025 08:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Fix 에러/버그 해결

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants