코딩애벌레

저번 시간까지 페이지 구성까지 만들어 봤다. 사실 한 페이지만 만드는 것이라고 생각하면 html 파일에 때려박으면 되는데, 그렇게되면 찍힌 사진을 보고있는 것과 같다. 우리는 동영상을 만들어야 하니까! 오늘은 페이지를 더 효율적으로 관리할 수 있는 방법들, 즉 '상속'에 대해 배워보자. 게시글이 많지는 않지만 대부분 홈페이지들은 고정적으로 출력되는 부분이 많이 있을 것이다. 그렇다면 해당 페이지 요청이 들어왔을 때 html을 처음부터 다시 다불러올까? 한번 생각해보자. 위의 파일들이 문제가 될까? 물론 아니다. 출력되는데 문제는 전혀 없다. 하지만 언젠간 페이지를 유지보수한다면 어떨까? 그러면 모든 HTML 파일을 찾아서 달라진 부분을 일일이 수정해줘야한다. 예시는 3개라서 3번만 고치면 되지만 100번..

이번에는 뼈대에 살을 붙여볼 차례다. 다양한 예시로 이해하시겠지만, 나는 해골에서 사람으로 변화하는 과정이라고 생각한다. 외운다면 굉장히 할게 많겠지만, 주로 쓰이는 것은 자동적으로 외워질 것이고 써야할 부분이 생긴다면 검색을 통해 해결해나가는 것도 방법이다. 놀라운 점은 html css는 네모네모 빔에 맞아서 기본은 네모에서 시작한다는 점이다. 그럼 원이나 삼각형은 어떻게?? 만드냐고? 그것은 다양한 명령을 전달해서 네모를 깎아 만든다고 생각하면 된다. 천천히 css에 쓰이는 명령어를 보면서 이해하자. CSS Box Model : 먼저 알아야 할 원칙이 3가지 있다. CSS원칙 첫번째는 모든 Html 요소를 사각형 박스로 표현하는 개념으로 다양한 모양은 직접 깎아만드는 것이다. 또한 기본적으로 위에서부..