CSS Grid 공부를 시작하며

프로젝트를 진행하면서 항상 진행을 방해하던것이 CSS이다. 그렇다고 기본 개념을 모르고 있는건 아닌데 항상 제대로 레이아웃을 구성하고 뭔가 제대로 ? 멋있게 만들어보려하면 굉장히 머리아프게 만들어서 포기하게 만드는 놈인것같다.

그래서 부트스트랩을 공부할까 레이아웃을 짜는 법을 공부해보려고 알아보던 도중에 해외에서 아주 좋은 자료를 발견하였다.

https://scrimba.com/g/gR8PTE

여기로 접속하면 되는데 CSS Grid에 대해서 아주 상세하게 무료로 알려주고 있다. 단점이라면 영어인 부분이 있긴하지만 개발자에게 영어는 필수이기에 ㅎㅎ..

CSS Grid가 무엇인가에 대해서 좀 찾아보았더니 아주 신세대? 기술로서 앞으로는 아주아주 잘 활용될 것이라는 어떤 블로거 분의 글이 있어서 이번 기회에 레이아웃으로!! 제발 머리아프지 말자, 동시에 이번 기회에 프론트 쪽도 제대로!!! (제발 ㅠㅠ) 공부해보자 라는 생각에 공부를 시작하게되었다. 그분 블로그 링크는 요것 이다. 좋은 자료를 공유해주셔서 감사하게 생각하고있다.

참고로 소개해드린 사이트는 위와같이 생겼다. 아주 깔끔하게 개발되어있고 정말 신기한것이 재생버튼을 누르면 영상인데 저기 코드 부분을 클릭하면 내가 수정할수도있다. 그러면 우측의 index.html에 바로바로 반영이 되는데.. 이런 센스가 부럽다.. 무튼 정리는 간단히 해서 최소한의 시간이 소요되게할 생각이다.