TIL) 스파르타 개발일지 22-11-21

오늘은 정말이지 Css 때문에 골머리를 썩었다...

 

html 에서 ul 태그를 ui로 써서 하루종일 ul에 대한 Css가 안먹어 해결하기 위해 시간을 썼고...

 

바디 맨밑 왜 있던 건진 모르겠지만 </html> 가 덩그러니 혼자 있어서 코드 정렬또한 되지 않았다.

 

그리고 css 속성인

 

justify-content 와 align-items 를 헷갈려 사용하여 또 헤맸고...

 

제일 큰건 Css 파일에서 클래스 명을 선언 시 

 

상속 선언 규칙을 지키지않아 css가 대거 꼬이는 사태가 벌어져 수정하기 급급했다.

 

그래도 다행히도 시간을 갈아 넣어서 해결은 했다.

 

::after 라는 가상선택자를 통해

 

우측 사이드바를 완성했고, 기존 코드도 몇몇 간결화 했다.

 

제일 인상 깊었고 신기했던 것은 css에서도 스크롤 이벤트를 쓸 수 있었다.(scroll-behavior: smooth;)

 

단, 세부적인 지점 조작은 js을 역시 써야했다.

 

그리고 div 처럼 요소 자체가 블록인경우 아무생각없이 정렬했는데 

 

<a> 와 같은 것에 display : blocK; 을 설정해주지않고 자꾸 블록인 줄 알았던 것이였다

 

너무 실수가 많았던 것 같다 ㅜㅜ

 

당연한 것에 너무 많은 실수를 남발해서 속상하다.

 

내일은 firebase 를 통한 DB와 통신을 시도해서 마무리 해 볼 생각이다...

 

나 자신 ㅎㅇㅌ...