codestates / codestates/codestory2.0

[이서용][08/25]

Open
#271 0 comments 0 reactions 1 assignee Claimed by @seoyong-lee View on GitHub
클라이언트
Dominant language
JavaScript
Stars
1
Forks
1
PR merge metrics
No merged PRs in 30d

Description

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

- 오늘은 랜딩 페이지를 완성하고 관련 오류 해결 및 리팩토링을 진행하였습니다.

### 오늘의 프로젝트에서 느낀 점이나 기억에 남는 점은 무엇인가요? (필수 1개)

- CSS Modules 에서 :global을 이용한 전역화가 잘 진행되지 않아 그동안 main.scss 에서 작성하였던 코드를 드디어 해결하였습니다. sass의 중첩 문법 안에 :global( 선택자 ) 와 같은 식으로 작성하니 정상적으로 전역화가 되었고, 이를 통해 main.scss를 다시 간소화 할 수 있었습니다. CSS Modules의 공식 github 에서도 언급되지 않았던 부분이라 스택 오버플로우를 통해 찾을 수 있었습니다.

```css
.game {
position: relative;
margin: auto;
}
:global(#css_game_container) {
width: 670px;
height: 775px;
}

/* 위와 같은 방식은 작동하지 않았으며, 아래와 같이 중첩을 통해 해결함 */

.game {
position: relative;
margin: auto;
:global(#css_game_container) {
width: 670px;
height: 775px;
}
}
```

[스택 오버플로우 관련 링크](https://stackoverflow.com/questions/65985543/selector-global-class-is-not-pure-pure-selectors-must-contain-at-least-one)

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

- [ ] 마지막 리뷰 준비

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.