codestates / codestates/Subllet
[허덕환] 2021. 12. 02.
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
### 오늘은 어떻게 프로젝트에 기여했나요?
- MySubllet의 구독 추가를 위한 모달의 셀렉트박스를 구현했다.
### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
- react-select의 스타일 적용이 쉽지 않다. 스타일드컴포넌트에 적용하는 방법을 어느정도 찾았지만 그것으로 다 해결이 되진 않았다. 결국 다른 방법을 찾았고 두가지를 방법을 동시에 쓰고 있어서 코드가 복잡해지는 경향이 있다.
- 자료를 찾는것이 쉽지 않아 많은 레퍼런스를 참고하면서 하느라 시간이 늦어지는 아쉬움이 있다.
```js
const SelectTab = styled(Select)` // 스타일드 안에 리액트셀렉트를 태그로 넣으면 스타일링이 가능하다.
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
width: 100%;
.Select__control { //! 리액트셀렉트는 접근 가능한 Style Object를 제공하는데 스타일드에서 이렇게 접근할수 있다.
height: 3.5rem;
border: 0.5px solid #ff8a00;
border-radius: 0.2em;
background-color: black;
color: white !important;
cursor: pointer;
text-align: center;
:hover {
border-color: white;
background-color: #3a3f51;
}
}
```
### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- [ ] 회원가입 페이지 구현
- [ ] 회원정보 변경 페이지 구현
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.