프로그램에 관심이 많아 프로그래머 게시판을 쭉 정독하다보니 HTML / CSS 에서 고생하시는 분들이 종종 보이네요

사실 책붙잡고 공부하거나 처음부터 스스로 쭉 코딩을 하실수 있는 실력을 가지신 분들이라면 이미 어려운부분이 없으실거라고 생각되지만

제로보드 처럼 제공되는 서비스를 사용하시는분들은 어디를 어떻게 바꿔야할지 난감한 상황이 발생하죠 ㅎㅎ

그래서! 초보자 혹은 HTML / CSS 를 잘 모르시더라도 내가 어느부분을 어떻게 고쳐야할지 찾아보는 방법을 알려드리겠습니다.

익스플로러든 크롬이든 F12를 눌러보세요! 그곳에 답이 있습니다.

많이 쓰시는 크롬을 기준으로 설명드리면 F12를 누르면 

화면 아래에 뭔가 뿅 하고 생기는데 이 부분이 현재 페이지의 HTML코드 및 css코드를 나타내는 부분 입니다

물론 HTML코드뿐만아니라 스크립트,css 부터 여러가지 요소들을 확인할 수 있스빈다.

html코드는 아래 코드를 따라가면 쉽게 확인하실수있고 css의 경우 오른쪽에 나눠진 영역에서 확인하실수있습니다.

이걸쓰는이유는 코드나 수치변경이 가능하며 실시간으로 확인이 가능하단 장점이 있습니다. 

물론 여기서 수정한다고 해서 소스가 바뀌진않습니다. 여기선 내가 어디를 어떻게 바꾸면 되는지에 대한 확인만 할 수 있는거죠

수정은 본 소스에서 수정을 하셔야합니다.

물론 수치변경은 숫자만 바꾸면 되지만 css속성을 추가해야 한다 하면 html이나 css속성은 어느정도는 알고 계셔야 더 쉽겠죠? 

본 소스가 지저분해질 필요도없고 원하는 대로 확인도 가능하니 익숙해 지면 간단히 html,css를 수정하는부분에서 

어려움은 조금은 줄어들지 않을까 싶네요 ^^