[Feature/BAR-6] WriteInput 작성 #8
Conversation
wonjin-dev
changed the title
| import type { ChangeEvent } from 'react'; | ||
| import { useState } from 'react'; |
There was a problem hiding this comment.
@dongkyun-dev
이후에 같은 경로에서 import될 때 type을 inline으로 작성할 지 아니면 위처럼 분리해 작성할지
한 가지 방식으로 강제하는 rule을 추가하면 좋을 것 같습니다!
현재는 두가지 방식 다 작성 가능하도록 되어있더라고요.
| import type { ChangeEvent } from 'react'; | |
| import { useState } from 'react'; | |
| import { useState, type ChangeEvent } from 'react'; |
There was a problem hiding this comment.
@wonjin-dev @dmswl98
좋아요 혹시 선호하시는 방식 있으신가요?
There was a problem hiding this comment.
@dongkyun-dev 저는 현재 코드에서 많이 사용된 방식으로 하면 좋을 것 같아요.
There was a problem hiding this comment.
@dmswl98
저는 개인적으로 분리하지 않고 하나의 라인에서 작성하는게 좋긴 한데....! 관련해서 린트룰을 찾아볼까요?
There was a problem hiding this comment.
@dongkyun-dev 그럼 이렇게 작성하시면 됩니다!!
'@typescript-eslint/consistent-type-imports': [
'error',
{ fixStyle: 'inline-type-imports' },
],There was a problem hiding this comment.
@dmswl98
오오 혹시 반영해서 PR 작성해주실 수 있나요?
There was a problem hiding this comment.
린트 룰 추가하고 반영할때 일괄 fix 가시죵
| base: [ | ||
| { | ||
| display: 'flex', | ||
| alignItems: 'flex-end', | ||
| paddingLeft: '20px', | ||
| }, | ||
| ], |
There was a problem hiding this comment.
| base: [ | |
| { | |
| display: 'flex', | |
| alignItems: 'flex-end', | |
| paddingLeft: '20px', | |
| }, | |
| ], | |
| base: { | |
| display: 'flex', | |
| alignItems: 'flex-end', | |
| paddingLeft: '20px', | |
| }, |
이렇게 작성해주셔도 됩니다!
| }; | ||
|
|
||
| export const Icon: IconFactory = { | ||
| export const iconFactory = { |
There was a problem hiding this comment.
상수는 모두 UPPER_CASE로 작성해주시면 감사하겠습니당
There was a problem hiding this comment.
요건 하드 코딩이 필요한 상수가 아니여서 변수로 사용하는 부분이어서 이렇게 처리하였습니다 !
| import WriteInput from '@/src/components/Input/WriteInput'; | ||
| import { useInput } from '@/src/hooks/useInput'; | ||
|
|
||
| const HomePage: NextPage = () => { |
There was a problem hiding this comment.
NextPage와 같은 타입 명시가 필요한가요?
There was a problem hiding this comment.
자동으로 추론하지 못하기 때문에 필요합니당 !
| maxLength = MAIN_INPUT_MAX_LENGTH, | ||
| }: WriteInputProps) => { | ||
| const { id, value } = inputProps; | ||
| const inputRef = useRef<HTMLTextAreaElement | null>(null); |
src/hooks/useInput.ts
Outdated
| } | ||
|
|
||
| export const useInput = ({ id, defaultValue = '' }: UseInputArgs) => { | ||
| const [value, setValue] = useState<string>(defaultValue); |
There was a problem hiding this comment.
<string> 제네릭도 없어도 좋을 것 같습니다!
Summary
To Reviewer
How To Test
브랜치 체크 아웃이후메인 페이지에서 확인