오늘한 일
- 알고리즘 문제를 풀었다
- 블로그 TIL을 작성하였다
- 1일 1커밋을 하였다
느낌 점
오늘은 오랜만에 코딩보카 앱 문의,건의 사항을 확인하며 수정할 점에 대해 확인해보았는데 그때 당시에는 잘 만들었다고 생각했으나 수정해야 할 사항들이 매우 많았다 이번 세붕이 웹 개발 프로젝트가 끝나면 최대한 빨리 수정 사항들을 반영하여 컨텐츠 추가 및 업데이트하고 프로젝트 회고록 또한 작성해야겠다
배운 점
CSS 최신기능 @supports
@supports 기능 해당 기능은 CSS 코드를 조건부로 설정할 수 있게 해주는 기능으로 해당 브라우저가 이 기능을 지원한다면 사용할 수 있는데
1
2
3
4
5
@supports (text-align: center) {
body {
text-align: center;
}
}
코드는 위와 같으며 해당 기능을 지원하지 않는 브라우저도 있기에
1
2
3
4
5
6
7
8
9
header {
display: flex;
}
@supports (display: grid) {
header {
display: grid;
}
}
이런식으로 사용하는 것이 더 좋다고 한다
이외에도 not연사자와 or, and연산자와 결합하여 사용할 수도 있다고 한다
해당 내용은 노마드 코더님에 영상인 요즘 CSS 미쳤습니다…! 2023 최신 기능 쌉정리에서 참고하였다
내일 계획
밀린 100일 코딩 챌린지 - Web Development 부트캠프를 수강해야겠다