[1th]코드 스피츠76-CSS Rendering
이번에 회사 팀장님과 책임님의 권유로 코드 스피츠라는 강의를 듣게 되었습니다. Hika님께서 진행하시는 강의이고, 벌써 76번째 강의라고 하네요.
이번 강의의 주제는 CSS Rendering입니다. 저의 경우 CSS가 싫어서 백엔드 개발자로 전향했다고 과언이 아닐정도로 CSS를 싫어했었는데요. 이런 제가 이번 강의를 듣게 이유는 팀장님과 책임님의 권유 때문입니다. frontend 뿐만아니라 전반적인 프로그래밍에 관련한 강의 주제가 너무 좋다는 의견이였는데요. 저또한 큰 기대를 가지고 강의를 임하는 만큼 많은 것들을 얻어 갔으면 하는 바램입니다.
짧은 강의 소개
페이스북 코드 스피츠 페이지에 히카님께서 이번 76번째 강의 주제 CSS Rndering에 대한 내용을 올려주셨습니다.
프로그래밍을 하다보면 구동원리를 모르고 관례적으로 프로그래밍을 할때가 많은데요. 모든 것들의 구동원리나 철학을 파악하고 개발을 하기란 불가능 하지만 하지 않는것과 하려고 노력하는것은 이 작은 차이가 후일에 커다란 차이로 변해있을 것이라고 생각합니다.
강의 커리큘럼
코드스피츠는 총 4개의 강의 과정을 지속적으로 로테이션하면서 진행을 하고 있습니다. 또한 수강료 또한 거의 무료!! 강의장 임대료를 지불해야하기 때문이 소액의 수강료를 받는다고 하싶니다. 필자의 경우는 기초편인 CSS Rendering 부터 강의를 수강하게 되었습니다.
기초편
- CSS Rendering
- ES6 + 기초편
심화편
- ES6 + 함수와 클래스
- ES6 + 디자인패턴과 뷰패턴
사이트
- 홈페이지 : https://codespitz.com
- 페이스북 : https://www.facebook.com/groups/codespitz
Graphics system
그래픽 시스템이란 간단하게 말하면 화면에 점을 찍는 행위라고 할 수 있습니다. 이 점을 여러개 찍거나 특정한 패턴, 색상으로 화면을 구성할 수 있습니다.(점찍는 방법)
Fixed number
고정된 수치의 그래픽스는 다양한 변화에 대응할 수 없습니다. 피씨화면, 테블릿, 모바일과 같은 다양한 디바이스가 생김으로써 메타포를 사용하는 방식으로 변화하게 됩니다.
Abstract calculator(%, LEFT, BLOCK, INLINE, FLOAT)
근래에는 이러한 요건을 대응하기 위해 수치가 아닌 메타포를 사용한다. 메타포란 원래는 고정된 수치를 이용해서 그래픽스를 사용하였습니다. 특정한 비율로 화면을 구성할 수 있다.
Rendering System
어떠한 대상의 있으면 내가 원하는 모습으로 다시 그려내는 것을 렌더링이라고 합니다. 즉 어떠한 체계를 통해서 그림이 표현되는 것을 말합니다.
(어떻게 하면 고정된 수치를 사용하지 않고, 어떻게 표현할까…)
Css Specifications
css은 version이라는 말을 사용하지 않고 level이라는 단어를 사용합니다. css level2 부터 module의 개념이 추가되면서 굉장이 난잡?해졌다고 합니다. 각 mudule 별로 개발 속도가 다르고, 또 어떠한 모듈은 이미 완벽에 가깝기 때문에 버전업이 불필요하기 때문입니다. 이렇가 다양하 모듈이 다양한 버전업 속도를 가지고 개발이 진행되고 있기때문에 브라우저 제공사 측에서 모든 모듈 버전을 다 적용하기란 불가능 하다고 합니다.(MS가 일을 안해서가 아니라 모듈이 너무 다양하기 때문이라고 합니다.)
Normal flow
Css2.1 visual formatting model 즉, 화면에 보여지는 것들을 어떻게 모델링 할 것인가를 다루는 것입니다.
댓글남기기