네이버 게임 1일차

---

작성된 본문

자세한 코드는 아래에 링크해 두었고, 유념할 부분만 정리해 작성한다.

---

css-in-js

원본 사이트를 보면 개발자가 썼다기엔 길고 까다로운 클래스들이 많은데 이는 css-in-js 라는 툴로 자동 생성된 클래스라고 한다. 이는 나중에 다뤄볼 예정이다.

---

그림자 영역 만들기

Box Shadow CSS Generator

이전에도 잠깐 그림자 영역을 만들었지만 직접 조정해 보며 만들 수 있는 사이트를 알게되었다.

.game-shadow {
	box-shadow: 0 2px 30px 0 rgb(0 0 0 / 6%);
}

그림자 옵션은 순서대로 <수평거리> <수직거리> <흐림 정도> <번짐 정도> <색상> 이다.

---

학습 소감

특별히 어려운 내용은 없었는데 영상 소리가 너무 작아 놓치는 부분이 있을지도 모르겠다. 일지 작성 후에 한 번 더 세번째로 돌려봐야겠다.

진행한 코드 링크

오늘 진행한 자세한 코드는 내 github 링크 에 업로드 되었다.