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

[Feat] 모각코 게시글 작성 페이지 퍼블리싱 #137

Merged
merged 13 commits into from
Nov 22, 2023

Conversation

LEEJW1953
Copy link
Collaborator

@LEEJW1953 LEEJW1953 commented Nov 22, 2023

설명

  • [FEATURE] 모각코 게시글 작성 페이지 구현 #122
  • 모각코 게시글 작성 페이지 퍼블리싱
  • 작업을 진행하면서 input, textarea 컴포넌트를 약간 수정하였습니다.
    • 두 컴포넌트 모두 글자수를 표시하였습니다.
    • input 컴포넌트는 maxLength 속성을 선택적으로 받을 수 있도록 하였습니다. (위치, 인원 수 등의 경우 필요없다고 판단하였습니다.)
    • textarea 컴포넌트는 최소 높이를 설정하고, 텍스트 입력에 따라 높이를 조절하였습니다.
  • 제목 input 디자인 수정
  • 날짜는 현재 시각을 기본값으로 표시하고 오늘 날짜 이후만 선택하도록 하였습니다
    • react hook form 사용하면서 변경될 수 있음

완료한 기능 명세

  • 모각코 게시글 작성 페이지 퍼블리싱
  • input 컴포넌트 수정
  • textarea 컴포넌트 수정

스크린샷

_2023_11_22_18_07_58_139.mp4

리뷰 요청 사항

특별히 리뷰해 주었으면 하는 부분, 고민되는 부분 기재하기

Copy link
Member

@ttaerrim ttaerrim left a comment

Choose a reason for hiding this comment

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

제목 부분 디자인이랑 다른데 어떻게 구현할까요?

@ttaerrim
Copy link
Member

image

광기의 모각코 모집 글

app/frontend/src/components/commons/Input/Textarea.tsx Outdated Show resolved Hide resolved
Comment on lines +26 to +38
const [inputCount, setInputCount] = useState<number>(0);
const inputRef = useRef<HTMLInputElement | null>(null);

const handleInput = () => {
if (inputRef && inputRef.current) {
setInputCount(inputRef.current.value.length);
}
};

Copy link
Member

Choose a reason for hiding this comment

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

p3; 이 부분도 아마 react-hook-form 적용하면서 props로 받아서 처리할 수 있게 바뀔 것 같네요!

Comment on lines +12 to +13
min?: number | string;
max?: number;
Copy link
Member

Choose a reason for hiding this comment

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

p3; input type이 여러 가지가 될 수 있으니 props가 복잡해질 수도 있겠군요. 타입스크립트를 잘 적용할 수 있다면 type에 따라서도 props를 활용할 수 있지 않을까 싶네요. 한번 찾아봐야겠어요

@LEEJW1953 LEEJW1953 merged commit a3f4e9b into boostcampwm2023:develop Nov 22, 2023
1 check passed
@LEEJW1953 LEEJW1953 deleted the fe-mogaco-post branch November 22, 2023 11:22
@LEEJW1953 LEEJW1953 linked an issue Nov 23, 2023 that may be closed by this pull request
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[FEATURE] 모각코 게시글 작성 페이지 구현
3 participants