# 학습 전 나의 상태 바닐라 JS 챌린지를 신청하고 중간에 시간이 좀 남아서 신청했던 챌린지다. HTML보다 CSS에 대해 공부하고 싶어 신청하였고, CSS를 배우는 것이 가장 큰 목표였다. # 챌린지 회고 생각보다 많은 걸 깨닫고 내가 자만했음을 깊이 반성하는 시간이었다. HTML은 정말 쉽게 생각했는데 아니었다... 내가 모르는게 많았었다.. form과 input을 함께 사용해야하는 이유, 태그에 아이디 속성 없이 클래스 속성을 통해 구분하는 방법 등 정말 많은 걸 배울 수 있는 시간이었다. 그리고 내가 가장 중요하게 생각했던 CSS.. 이 챌린지를 통해 내가 확실히 배운건 display: flex 를 어디에 써야하는지.. 그리고 position 을 활용법에 대해 확실히 알게 되었다. 이전에 파이널..

# 학습 전 나의 상태 오늘의 두 번째 시간이다. 나눠서 올리는 이유는 이번에 할 css가 약간 심화편인 것 같아서 나누게 되었다. 이 시간 이후 과제를 제출해한다. 이런 것들이 재밌다 어떤 과제일지 마지막에 과제 결과를 올려야지 # 오늘의 학습 내용 Transitions 어떤 상태에서 다른 상태로 가는 변화를 애니메이션화 하는 것 hover 같은 state 요소가 아닌 처음 것에 있어야 한다. transition 은 state 에 따라 바뀌는 property를 가지고 있으면 사용된다. transition: (어떤 것을 변화시킬 것인지) (얼마동안 별할 것인지(시간)) ease-in-out 예제 Go Home ​ ease-in-out ease-in function 이다. 브라우저에게 애니메이션이 어떻게 ..

# 학습 전 나의 상태 어제는 position, pseudo selectors, combinators 등을 배웠다. 난 특히 pseudo selectors 를 사용하는게 조금 어렵게 느껴졌었는데 강의와 과제를 통해서 어떻게 사용하면 되는지 많이 이해했다. nth-child에 대한 두려움이 사라졌달까? ㅎㅎ 아무튼 긍정적이다. 그동안 html, css는 그래도 한 번 쭉 봤으니까 할 수 있어라고 떵떵거렸던거 같은데 이번에 코코아 클론 챌린지를 하면서 나의 부족함을 느끼게 되었고, 또 그동안 잘 알지 못했던 개념들도 다시 보니 알게되는 것들이 많은 것 같다. 기본으로 돌아가기 위해 시작한 이번 챌린지.. 그리고 바닐라JS 챌린지까지.. 정말 이 시간이 너무 소중하다 JS에 경우 더 깊이 들어가서 공부해야겠지..

# 학습 전 나의 상태 오늘도 육아에 치여 녹초가 되었다.. 그렇지만 지금은 챌린지 중이기 때문에 쉴 수 없다. 게다가 코딩을 하루라도 쉬면 또 나태해질 것이 두려워 놓을 수 없다. 30분..이라도 붙잡고 해야한다. 그래야 유지할 수 있지.. 주말 늦은 시간이지만 오늘도 힘내서 공부하자!! 어젠 cascading의 의미, 블록, 인라인, margin에 대해 공부했는데 아는 내용이 거의지만 새롭게 알게 된 것은 css는 중복되는 것이 있으면 가장 마지막 것이 적용이 된다는 것이다. 이유는 위에서부터 아래로 읽어오기 때문,, 오늘의 학습도 잘 정리해서 내 것으로 만들기 위해 노력해보자! # 오늘의 학습 내용 padding margin의 반대 개념 margin은 바깥이지만 padding은 경계로부터 안쪽을 의..