코드스테이츠의 첫째주차가 끝났다. 첫째 주라 그런지 많은 내용을 배우지는 않았다.
기본적인 html틀에서 css를 활용해 계산기 목업을 만들어 보는 과제까지 진행했다. html은 이전에 공부하면서 많이 사용했기때문에 큰 어려움 없이 학습을 할 수 있었다. CSS를 학습하는 부분에서는 과제를 구현한는데 살짝 햇갈리는 부분들이 많았던 것 같다.
flexbox에 대해서 이번에 처음 배우게 되었다. html요소들을 배치할때 매우 유용하게 사용할 수 있을 것 같다. flexbox란 html의 요소들을 쉽게 배치할수 있게 해주는 css의 웹 레이아웃 모델이다.
이를 이용하여 이번에 계산기목업을 만들어 보았는데, 학습할때와는 다르게 생각처럼 잘 배치가 되지는 않았다. flexbox의 justify-contnent, align-itmes, flex-grow, flex-basis등등 여러가지 요소들을 조합해 원하는 배치를 만들어야 했다. 처음에 flex basis와 flex-grow의 차이를 정확히 몰라서 코드를 짜보니 원한는 모양이 안나와 당황했다. 그러나 줌 세션에서 강사님께서 flex basis의 의미를 정확히 알려주셔서 코드를 수정하고 적용해보니 원하는 모양이 나왔다!! 대충 이런 기능을 하겠지 하고 적용을 하기보단 내가 사용할 코드가 어떤 의미를 가지는지, 어떤 원리가 사용되는지 정확히 이해하고 코드를 작성해야 겠다!
다음주부터 자바스크립트를 공부하게 될텐데, 유튜브에서 미리 공부해보니 다른 언어(c++, java)에 비해서는 syntax가 쉽게 되어있는 것 같아서 배울 때 재미있게 배울 수 있을 것 같다.(물론 파이썬보단 어렵겠지...)
