TIL: 2022-08-30

⚙️ 오늘 배운 언어

CSS

 

🐹 오늘의 기분

어제 만들어뒀던 계산기 틀에 CSS를 마저 적용했다. 어찌저찌하여 완성은 했으나, 완전히 만족스럽지는 않다. 동기 분들이 만든 계산기를 구경할 시간이 있었는데 다들 다양하게 만드셔서 보는 재미가 있었다. 이렇게 다양한 계산기를 만들 수 있다니...! 내 창의력 분발해 

페어분이 만든 계산기에서 꼭 해결하고 싶은 자그마한 오류를 발견해 같이 머리 싸매고 구글링하며 이것저것 시도해보았다. 분명 플렉스도 다 적절하게 적용된 것 같은데 폰트를 키우면 자꾸 버튼이 같이 커져서 골머리를 앓았다. 각 버튼을 감싸고 있는 행 클래스를 손대니 해결되긴 했지만, 이게 정녕 맞는 방법인지는 확신이 서지 않았다.

라이브세션에서 동기분들의 계산기를 구경하고 궁금한 점을 질문해보면서 많은 꿀팁들을 얻을 수 있어 좋았다. 도저히 내 머리로는 생각해낼 수 없는 독창적인 계산기들도 볼 수 있었다. 나도 다음에는 기본만 하기 보다는 더 다양한 속성을 적용해보려 노력해야겠다. 브라우저 css 초기화하는 것도 잊지 말아야지. 

 

오늘은 하루종일 실습만 진행했기에 딱히 추가할 내용이 없다. 

 

❓ 막히는 or 막혔던 부분

계산기 버튼 정렬 flex-basis를 적용해 깔끔하게 구현하기 

border와 outline의 차이

--> (🔗: 스택오버플로우에서 관련 질문을 찾았다. outline이 복잡해서 처음에는 이해하기 어렵다고 한다. 큰 두 가지 특징을 추려보자면 1️⃣ 공간을 차지하지 않고, 2️⃣ non-rectangular하다는 것인데 non-rectangular하다는게 무슨 말인지 모르겠다.)