초보 개발자

노마드 코더 css master 과정을 들었다. css로 html을 꾸미는 것 보다는 flex와 grid를사용해서 전체적인 layout을 짜는 방법을 주로 알려주었다. 사실 전에는 grid를 사용하는 방법을 잘 몰랐다. 물론 지금도 완벽하게 알고 있지는 못하지만, 강의를 들으면서 grid의 전반적인 내용을 이해할 수 있었고, 숙제를 하다보면서 조금 조금씩 감을 익힐 수 있었다. 레이아웃을 만들 때 머리속으로 이러 이러한 구도로 만들면 되는건가? 라고 생각할 줄 알게 되었다. 아직 강의를 50%밖에 듣지 못한 상태로 과제를 수행해왔다. 나머지 50%는 실습위주라 좀 더 시간이 있을 때 하나하나 따라해보면서 익혀보려고 한다. 아래는 마지막 과제로 아래의 화면을 클론코딩 하는 것이었다. 그리고 아래는 내가 따..

css를 보다 편리하게 사용하기 위해서 scss를 작성한 뒤 sass를 사용하여 css로 변환을 시킬 수 있다. 즉 scss파일만 작성해서 html에게 보내주면 html은 읽지 못한다. ( scss말고 css를 내놔 ) 그럼 scss를 어떻게 css로 바꾸냐? gulp라는 것을 사용하여 바꿀 수 있다. scss 그렇게 하는게 더 복잡해 보일 거같은데 라는 생각을 할 수도있다. gulp는 파이프를 사용하여 전에 수행된 것을 그대로 인자로 받아서 수행을 하고 다시 다른 파이프로 넘기는 식의 패턴을 사용한다. 먼저 아래와 같이 필요한 모듈을 받아온다. 그리고 routes를 통해 우리가 접근하고자 하는 diretion을 정해 둔다. style이라는 함수가 scss를 css로 변환시켜주는 것이다. 먼저 gulp...

MVP.css - Minimalist stylesheet for HTML elements (andybrewer.github.io) MVP.css - Minimalist stylesheet for HTML elements A decent MVP in no time More building and less designing with "set and forget" styling. "Uber for X" brainstorming session andybrewer.github.io 나는 css를 잘 다룰줄 모른다. 이런 나에게 딱 맞는 것이 이놈이다. 기본적으로 필요한 최소한의 css가 작성이 되어있는 녀석! 사이트에 접속하면 link가 적혀있는데 복붙해서 base.pug에 css로 지정해주자! home.pug의..