데굴데굴

⚙️ 오늘 배운 주제 CSS keyframes, Canvas 🐹 오늘의 기분 어제 만든 반응형 웹에 애니메이션과 canvas를 넣는 작업을 했다. 많은 속성이 있는데 시간이 촉박해서 제대로 찾아보진 못하고 일단 갖다 썼다. 그래도 뭔가 작동이 되니까 신기했다. 아 근데 주말에 못 쉰게 아직도 여파가 커서 너무 힘들다 ... ㅠㅠ 내일은 또 솔로라 조금 편하게 할 수 있을 것 같은데 또 집중 못할 수도 있으니까 줌방 들어가서 공부해야겠다. 🗝 키워드 keyframes, transition, canvas 🗣 스스로에게 설명 @keyframes animation 속성 animation-name - 애니메이션의 이름 animation-duration - 기본값 0, 시간 속성으로 작성 animation-dela..

⚙️ 오늘 배운 언어 CSS 🐹 오늘의 기분 어제 만들어뒀던 계산기 틀에 CSS를 마저 적용했다. 어찌저찌하여 완성은 했으나, 완전히 만족스럽지는 않다. 동기 분들이 만든 계산기를 구경할 시간이 있었는데 다들 다양하게 만드셔서 보는 재미가 있었다. 이렇게 다양한 계산기를 만들 수 있다니...! 내 창의력 분발해 페어분이 만든 계산기에서 꼭 해결하고 싶은 자그마한 오류를 발견해 같이 머리 싸매고 구글링하며 이것저것 시도해보았다. 분명 플렉스도 다 적절하게 적용된 것 같은데 폰트를 키우면 자꾸 버튼이 같이 커져서 골머리를 앓았다. 각 버튼을 감싸고 있는 행 클래스를 손대니 해결되긴 했지만, 이게 정녕 맞는 방법인지는 확신이 서지 않았다. 라이브세션에서 동기분들의 계산기를 구경하고 궁금한 점을 질문해보면서 많..

⚙️ 오늘 배운 언어 CSS 🐹 오늘의 기분 몸 컨디션이 안 좋아서 집중이 어려웠다. 하필이면 나한텐 너무나도 헷갈리는 개념인 Flexbox를 공부하는 날이라 엎친데 덮친격이었음. 그리고 잘 쓰던 의자가 갑자기 푹 꺼진 느낌이 들어 의자도 새로 알아봐야 한다. 당연함. 이 의자 10년 넘음. 이 정도면 유물 수준.. 인터넷으로 사려다가 그래도 직접 앉아보고 사는 것이 좋을 것 같아 언제 한 번 주말에 시간내서 매장에 가봐야겠다. 내 시간... 오늘은 레이아웃과 플렉스박스를 스스로 공부하고 페어분과 계산기 목업을 만들어보는 것이 하루 일정이었다. 중간에 레이아웃 구현해보는 실습도 있었는데 어찌저찌 완성은 했으나, 이렇게 완성하는 게 과연 맞나..? 싶었다. 이런 프로그램을 만드는 데에는 페어프로그래밍을 어..

⚙️ 오늘 배운 언어 CSS 🐹 오늘의 기분 어제 블로그 스킨에서 마음에 안 들었던 부분을 싹 수정했더니 글쓸 맛이 난다 😃 (근데 고칠 부분이 또 보이네?) 원랜 늘 세션 끝나고 운동했었는데 저녁에는 밥 먹고 씻고 회고 쓰고 그러면 시간이 좀 빠듯해서 오늘은 아침에 운동해봤다. 확실히 개운하긴 했는데 앞으로도 아침에 운동할지는 미지수...ㅎ 일단 하루가 가기 전에 운동을 '했다'는 것에 집중하는 걸로 ㅎㅎ CSS에서 헷갈리는 개념들이 많이 나왔던 게 기억나 오늘 학습은 걱정이 조금 앞섰다. 절대 단위, 상대 단위 이게 진짜 헷갈렸어서 여기에 집중해서 학습했다. 그래도 실습하고 퀴즈 풀고 하니까 뭔가 전보다는 조금 감이 잡히는 것 같기도 하고...? (아닐 수도) 그래도 셀렉터는 여전히 헷갈린다... ㅎ..

HTML은 큰 붐을 일으켰지만 디자인 측면에서 아쉬운 점이 많았다. 이 아쉬운 면을 어떻게 해결할 것인가? 1. HTML 자체에 디자인을 다루는 태그를 추가한다 -> 쉽지만 얕은 해결법 2. 디자인을 다루는 새로운 언어를 만든다 -> 어렵지만 근본적인 해결법 만약 과 같은 태그가 1억개가 되는데, 매일같이 여기의 색을 변경해달라는 요청이 생긴다면? 정말 힘들 것이다. 이렇게 등장한 것이 CSS CSS를 이용하면 효율성이 극대화되고, 유지보수가 훨씬 쉬워진다. CSS를 쓰는 법 1. style 태그를 쓴다. ex) 링크만 검정색으로 변경하고 싶은 경우 ex) 링크에 있는 밑줄을 없애고 싶은 경우 2. style 속성을 쓴다. ex) 특정 링크에는 다른 색을 지정하고 싶은 경우 CSS ex) 특정 링크에는 ..