codestates / codestates/all-con

[✍️ Dev Log] FE 최선영 / 2022-01-20

Open
#269 0 comments 0 reactions 1 assignee Claimed by @sun0o0o View on GitHub
dev-log FE
Dominant language
TypeScript
Stars
6
Forks
5
PR merge metrics
No merged PRs in 30d

Description

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

- 메인페이지 알람기능 작동 버그 확인( db에는 알람이 잘 들어가는데 상태가 잘 안변함 )
- 메인페이지 css 수정
- 랜딩페이지 css 수정
- 점보트론 react-slick 제작 및 동작 구현

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

- 애니메이션을 만드는데도 type지정해주는 것 때문에 꽤나 애먹었다. js로 처음에 딱 배우고 '오 좋아 금방 활용할수있겠어!' 했는데 후에 typescript로 설정을 하면서 생각보다 시간이 오래 걸렸다 흑 세팅이 끝나고 이제 css를 만지면서 구조도 수정하려고 하는데 원래 짰던 코드와 라이브러리를 사용한 코드가 다르다보니 처음 짰던 그대로 작동까지 잘 하게 만드는 일도 쉽지 않을 것 같다.

- 알람도 바로 데이터를 받아와서 dispatch가 안먹는 것 같다ㅜㅜ 원인을 잘 몰라서 한참 헤맸다.

- 랜딩페이지 scss에서 간결한 코드를 위해서 ```@extend```를 활용했었는데, 애니메이션을 주니까 원하는 움직이는 박스가 아닌 extend한 박스가 처음과 끝에 보였다. 그래서 조금 헤맸다. 애니메이션을 줄 때는 ```@extend```를 지양해야겠다.

- react slick 메서드를 처음봐서 이게 뭐하는 메서드지인지 어떻게 작동하는지 이해가 안갔었다. docs문서를 처음 봤을 때도 그냥 index바꾸는 메서드라는데 그게 뭐지 했다. 감을 못잡다가 나중에 더 찾아보고 설명을 자세히 읽고나서야 알았다. 메서드의 작동원리를 몰라도 사용할 수 있게 만들어 둔거니까 문서를 보고 잘 활용하면 되는 것이다.

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

- [ ] 점보트론 css 반응형마다 달라지게 수정
- [ ] 랜딩페이지 css 수정

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.