codestates / codestates/all-con

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

Open
#161 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

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

- 메인페이지, 콘서트페이지, 푸터, 콘서트 모달, 콘친 글작성 모달,
회원가입 모달, 로그인 모달, 약관 모달, 랜딩 페이지 태블릿 사이즈 제작 및 수정

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

```js
#concertModalContainer {
z-index: 999;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
@include mobile-only() {
position: fixed;
}
@include md() {
position: fixed;
}
@include lg() {
position: absolute;
}
```
- 처음에 이렇게 써있던 코드를 보고 lg부분은 지워야겠다. 어차피 안써도 똑같이 ```position:absolute```로 먹힐텐데 3줄이나 코드를 쓰다니? 하고 지웠다. 까먹고있다가 나중에 와서 보니 자식요소가 안보이고 이상한거다..!!! merge하거나 어떤 변화도 없는데..?!
이것저것 보다가 지웠던 @include lg부분에 ```position:absolute;```를 집어 넣었더니 다시 자식요소가 잘 보였다. concertModalContainer는 다른 파일에서도 사용하지 않는 유일한 id인데...사실 지워도 상관없어야할텐데 이상하다 흑흑 8ㅡ8 왜 지우면 fixed로 작동되었는지 이해할수없다....완벽하게는 모르겠지만 일단 SCSS는 확실하게 적어주는 걸 좋아하는 듯하다 헛헛

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

- [ ] 기능 구현 시작

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.