실습:간단한 반응형 페이지

실습 : 간단한 반응형 페이지

노마드코더의 웹기초 클론코딩을 수강하면서 아래 페이지를 만들었다.

Html과 css만을 이용해서 제작했는데, 당연하게도 백엔드 요소가 없어 아무런 동작은 하지 못한다.

그러나 따라 만들면서 느끼는거는

1. 일단 어떤 웹사이트라도 웬만한건 클린코딩 할 수 있겠다는 자신감이 생겼다. 아래 페이지도 그냥 코드를 따라친 것이 아니라 시안만 보고 구현한 거다.
2. 생각보다 CSS는 강력하다. 애니매이션이나 각종 효과는 JS 사용하지 않고서도 순수 CSS로만 구현하다!
3. 가능하면 반응형으로 구현하자.

동영상 시연(유튜브)

TIL

어떤 웹사이트라도 일단 Divide and Conquer, 이때 CSS는 BEM 네이밍 방식을 사용하면 관리하기 편하다.

시안만 있으면 꽤 괜찮은 사이트를 제작할 수 있을 것 같다는 자신감이 생겼다.

CSS 기능만으로도, JS event처리를 따로 하지 않아도 꽤 interactive한 사이트를 만들 수 있다.