생활코딩에서 'WEB2 - CSS'를 듣고

WEB2 - CSS

WEB2 - CSS - 생활코딩

 

생활코딩에서 'WEB2 - CSS'강의를 수강했다.

 

HTML강의를 통해 내가 만들고 싶은 웹서비스를 기획하고 웹 페이지를 만들었다. 내가 만든 웹 페이지에 디자인 효과를 추가하기 위한 CSS 수업을 들으면서, 수업을 통해 내가 하고 싶은 것은 크게 두가지였다. 반복된 효과를 사용하는데 같은 코드를 반복적으로 작성하면서 프론트엔드는 막노동 같다는 생각을 했기 때문에 이를 간편하게 적용시키고 싶었다. 다른 웹페이지들에 적용된 화면 크기에 따라 다른 디자인이 적용되는 반응형 웹을 만들고 싶었다. 수업을 들으면서 나의 프로젝트에 적용하면서 불편 했던 것과 하고 싶었던 것을 적용시키고 해결하면서 행복했다.

 

배우고 익힌 것들

1. 속성과 선택자가 무엇인지 알게됐다.

2. 각 태그들이 가지고 있는 부피감을 알 수 있는 법을 배웠다.

3. 그리드라는 문법을 배워 선을 활용한 페이지 디자인을 할 수 있게 됐다.

4. 반응형디자인 문법인 미디어쿼리가 무엇인지 알게 됐다.

5. CSS파일을 따로 만들어 중복된 코드를 지우는 법을 배웠다.

 

하고 싶었던 것 - 해결한 방법

1. 중복 코드 제거 - CSS파일 따로 빼서 각 페이지에 공통 적용

2. 화면 크기에 따른 반응형 디자인 추가 - 미디어쿼리 적용

 

다음 공부방향

웹페이지를 동적으로 만들기 위해 JavaScript의 문법들 중 프론트엔드에서 사용하는 부분들을 배울 것이다.

 

 

생활코딩 CSS 진도표