codestates / codestates/Trollo-client

[Dev Log] 이우성 / 2021-04-27

Open
#8 0 comments 0 reactions 1 assignee Claimed by @useonglee View on GitHub
Dev Log
Dominant language
TypeScript
Stars
4
Forks
0
PR merge metrics
No merged PRs in 30d

Description

### 오늘은 어떻게 프로젝트에 기여했나요?

- 로그인, 회원가입 폼 제작
- 메뉴 컴포넌트 제작
- useInput 훅 커스터마이징
- 헤더 디자인
- 로고 디자인
- 파비콘 제작

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?

- 메뉴 컴포넌트를 제작하고 프롭스 타입을 전달하는 과정에서 'props' is missing in props validation 에러가 나서 많이 고생했다.

```js
// 잘못된 코드
//생략..

interface Props {
show: boolean;
onCloseModal: (e: any) => void;
style: CSSProperties;
}

const Menu: FC = ({children, style, show, onCloseModal}) => {
const stopPropagation = useCallback(e => {
e.stopPropagation();
}, []);

// 생략..
```

```js
// 수정된 코드
//생략..

interface Props {
children: React.ReactNode
show: boolean;
onCloseModal: (e: any) => void;
style: CSSProperties;
}

const Menu = ({ children, style, show, onCloseModal }: Props) => {
const stopPropagation = useCallback((e) => {
e.stopPropagation();
}, []);

// 생략..
```

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

- [ ] 게시판 디자인
- [ ] 모달 컴포넌트 제작
- [ ] 더미데이터 게시글 만들어서 테스트하기

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.