codestates / codestates/SoundBubble

[Dev_Log] 8/19 (목) 오다경

Open
#119 0 comments 0 reactions 1 assignee Claimed by @OhDaky View on GitHub
Dev-Log
Dominant language
TypeScript
Stars
3
Forks
2
PR merge metrics
No merged PRs in 30d

Description

### 오늘은 어떻게 프로젝트에 기여했나요?
에러페이지 css 수정을 하고, 반응형에 대해서 작업했다.
로고 및 기타 이미지 수정 중이다.

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
- 이미지나 동영상 소스를 static 폴더 안에 넣고 작업했는데, 제대로 불러와지지 않았다. 이유는 아직 모르겠지만 public 폴더에 위치를 이동시키니 제대로 적용이 되는 것을 알 수 있었다.
- 버블이 움직이고 사라지는 동작을 css 로 구현하고 싶어서 많은 레퍼런스를 찾아보고 적용해보았다. keyframes 를 적용하는 것에 대해 알게 되었고, 크롬과 Safari에서 작동하기 위해서는 -webkit-을, 파이어폭스, 오페라, 인터넷 익스플로러에서는 각각 -moz-, -o-, -ms-를 사용하여 크로스 브라우징 이슈를 해결할 수 있다.

- 반응형으로 페이지 크기가 줄어들었을 때 (모바일 환경)
![ezgif com-gif-maker](https://user-images.githubusercontent.com/50348901/130111721-9b9c703c-d8f0-4b87-9bb6-ea484faffd96.gif)

- 모바일이 아닌 웹 환경에서
![스크린샷 2021-08-20 오전 1 53 13](https://user-images.githubusercontent.com/50348901/130110986-3a288ffe-25c4-48c3-a44c-6a2c4864b78a.png)

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
* [ ] 로고만들기
* [ ] 로그인 페이지 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.